/* MiKO cinematic hero / popular — homepage only, uses original post thumbnails */
body.home .miko-hero-grid{gap:16px!important;align-items:stretch!important}
body.home .miko-hero-feature{position:relative!important;isolation:isolate!important;overflow:hidden!important;border-radius:22px!important;border:1px solid #c9ddf7!important;background:#132238!important;box-shadow:0 10px 28px #142b491a,0 0 0 2px #f3f8ff!important}
body.home .miko-hero-feature:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 -3px 0 #b34dff80}
body.home .miko-hero-slide{overflow:hidden!important}
body.home .miko-hero-slide .miko-hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s!important}
body.home .miko-hero-slide:hover .miko-hero-image img{transform:scale(1.035)!important}
body.home .miko-hero-slide .miko-hero-overlay{background:linear-gradient(90deg,rgba(5,13,30,.83) 0%,rgba(7,18,39,.61) 39%,rgba(7,18,39,.12) 76%,rgba(5,12,26,.04) 100%),linear-gradient(0deg,rgba(3,10,25,.64) 0%,rgba(5,12,28,.12) 46%,transparent 75%)!important}
body.home .miko-hero-copy{z-index:3!important;max-width:min(82%,780px)!important;padding:clamp(18px,2.4vw,36px)!important}
body.home .miko-hero-copy h1{font-size:clamp(23px,2.25vw,38px)!important;line-height:1.23!important;letter-spacing:-.025em!important;text-wrap:pretty!important;text-shadow:0 2px 16px #030819b0!important}
body.home .miko-hero-copy h1 a{color:#fff!important}
body.home .miko-hero-copy p{max-width:600px!important;line-height:1.55!important;color:#e6efff!important;border-left:3px solid #b57aff;padding-left:12px!important;text-shadow:0 2px 10px #071126!important}
body.home .miko-hero-copy .miko-system-reco,body.home .miko-hero-copy .miko-pill{border:1px solid #ffffff70!important;box-shadow:0 4px 14px #06102e4d!important;backdrop-filter:blur(8px)!important}
body.home .miko-hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important}
body.home .miko-hero-actions .miko-readmore{min-height:42px!important;padding:10px 21px!important;border-radius:999px!important;background:linear-gradient(120deg,#ff3669,#f51656)!important;border:1px solid #ff9eb3!important;box-shadow:0 5px 22px #fa235b69!important;transition:transform .2s,box-shadow .2s!important}
body.home .miko-hero-actions .miko-readmore:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px #fa235b99!important}
body.home .miko-hero-actions .miko-story-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
body.home .miko-hero-actions .miko-story-action{min-height:36px!important;border-radius:999px!important;border:1px solid #d5e7ff80!important;background:#08172b9e!important;color:#fff!important;backdrop-filter:blur(8px)!important;transition:background .2s,transform .2s!important}
body.home .miko-hero-actions .miko-story-action:hover{background:#254b81e8!important;transform:translateY(-2px)!important}
body.home .miko-hero-nav{border:1px solid #c3e5ffba!important;border-radius:50%!important;background:#0a1c34d9!important;color:#fff!important;backdrop-filter:blur(10px)!important;box-shadow:0 0 14px #63a9ff3a!important;transition:transform .2s,background .2s!important}
body.home .miko-hero-nav:hover{background:#1850a5!important;transform:scale(1.06)!important}
body.home .miko-hero-dots button{border-radius:99px!important;transition:width .25s,background .25s!important}
body.home .miko-hero-dots button.is-active{width:26px!important;background:linear-gradient(90deg,#ff3e85,#ff8fb8)!important;box-shadow:0 0 12px #ff5d9f9c!important}
body.home .miko-hero-progress{background:#e3e9f447!important}
body.home .miko-hero-progress span{background:linear-gradient(90deg,#35b8ff,#965dff,#ff4688)!important}
body.home .miko-popular-panel{position:relative!important;overflow:hidden!important;border:1px solid #d9e7f8!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 8px 30px #11284a14!important;padding:16px!important}
body.home .miko-popular-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#29aaff,#7868ff 55%,#ff3c78)}
body.home .miko-panel-heading{padding-bottom:13px!important;margin-bottom:5px!important;border-bottom:1px solid #e7edf7!important}
body.home .miko-panel-heading h2{color:#122c50!important;font-weight:900!important}
body.home .miko-panel-heading .miko-fire{display:inline-grid!important;place-items:center!important;background:linear-gradient(135deg,#ff506b,#f61c62)!important;border-radius:50%!important;color:#fff!important;box-shadow:0 4px 12px #f83b6c44!important}
body.home .miko-panel-heading>a{border-radius:999px!important;background:#edf4ff!important;padding:8px 12px!important;color:#1260d5!important;font-weight:800!important}
body.home .miko-popular-list{display:flex!important;flex-direction:column!important;gap:4px!important}
body.home .miko-popular-item{display:grid!important;grid-template-columns:32px 84px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:9px 6px!important;border-radius:14px!important;border-bottom:1px solid #e9eef6!important;min-width:0!important;transition:background .2s,transform .2s!important}
body.home .miko-popular-item:hover{background:#f0f6ff!important;transform:translateX(2px)!important}
body.home .miko-popular-item .miko-rank{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#e9eff8!important;color:#294265!important;font-weight:900!important}
body.home .miko-popular-item .miko-rank.is-hot{background:linear-gradient(135deg,#ff476d,#f51c54)!important;color:#fff!important;box-shadow:0 4px 11px #ff33594a!important}
body.home .miko-popular-thumb{display:block!important;width:84px!important;height:67px!important;border-radius:10px!important;overflow:hidden!important}
body.home .miko-popular-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s!important}
body.home .miko-popular-item:hover .miko-popular-thumb img{transform:scale(1.07)!important}
body.home .miko-popular-item>div{min-width:0!important}
body.home .miko-popular-item h3{margin:0 0 6px!important;font-size:clamp(11px,.94vw,14px)!important;line-height:1.42!important;font-weight:850!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body.home .miko-popular-item h3 a{color:#173152!important}
body.home .miko-popular-item .miko-meta{display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;color:#7d91af!important;font-size:10px!important}
@media(max-width:1100px){body.home .miko-hero-copy{max-width:94%!important}body.home .miko-popular-item{grid-template-columns:30px 75px minmax(0,1fr)!important}body.home .miko-popular-thumb{width:75px!important}}
@media(max-width:650px){body.home .miko-hero-feature,body.home .miko-popular-panel{border-radius:18px!important}body.home .miko-hero-slide .miko-hero-overlay{background:linear-gradient(0deg,#061026f5 0%,#07142acb 44%,#09152b30 100%)!important}body.home .miko-hero-copy{max-width:100%!important;padding:18px!important}body.home .miko-hero-copy h1{font-size:clamp(20px,5vw,27px)!important}body.home .miko-hero-actions .miko-story-action{min-height:33px!important}body.home .miko-popular-item{grid-template-columns:28px 75px minmax(0,1fr)!important;gap:8px!important}body.home .miko-popular-panel{padding:12px!important}}

/* Decorative enhancements only; original layout, dimensions and controls preserved */
body.home .miko-hero-feature{border:1px solid #7c9dff!important;box-shadow:0 7px 22px #2444aa20,0 0 0 1px #dfd9ff!important}
body.home .miko-hero-feature:after{box-shadow:inset 0 0 0 1px #ffffff25,inset 0 -2px 0 #ee4bba99!important}
body.home .miko-hero-slide .miko-hero-overlay{background:linear-gradient(90deg,#071329d9 0%,#0a173a8c 43%,#07132a16 82%),linear-gradient(0deg,#071022a3,transparent 55%)!important}
body.home .miko-hero-copy .miko-hero-badge-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:fit-content!important;max-width:100%!important}
body.home .miko-hero-copy .miko-hero-badge-row>*{flex:0 0 auto!important;width:auto!important;max-width:100%!important;margin:0!important;white-space:nowrap!important}
body.home .miko-hero-copy h1{text-shadow:0 2px 15px #050b1cd9,0 0 18px #b65aff29!important}
body.home .miko-hero-copy p{border-left-color:#d459ff!important}
body.home .miko-hero-actions .miko-readmore{background:linear-gradient(120deg,#ff557d,#fa1160)!important;box-shadow:0 6px 17px #fb286b6e!important}
body.home .miko-hero-nav{border:1px solid #d5e7ff!important;box-shadow:0 0 10px #819eff75!important}
body.home .miko-hero-dots{border-radius:999px!important;background:#0a193c88!important;padding:5px 9px!important;backdrop-filter:blur(8px)!important}
body.home .miko-hero-dots button.is-active{background:linear-gradient(90deg,#ff4598,#ffa3d4)!important;box-shadow:0 0 10px #ff59b6!important}
body.home .miko-popular-panel{border-color:#d9e4fb!important;box-shadow:0 8px 24px #244a9820!important}
body.home .miko-popular-panel:before{height:3px!important;background:linear-gradient(90deg,#4a9cff,#9864ff,#ff4b8c)!important}
body.home .miko-panel-heading>a{color:#fff!important;background:linear-gradient(110deg,#ff6c9d,#fa2b77)!important;box-shadow:0 5px 12px #fb47844d!important}
body.home .miko-popular-item:hover{background:linear-gradient(90deg,#f3f8ff,#fff7fb)!important}
@media(prefers-reduced-motion:reduce){body.home .miko-hero-slide .miko-hero-image img,body.home .miko-popular-item,body.home .miko-popular-thumb img,body.home .miko-hero-nav,body.home .miko-hero-actions .miko-story-action{transition:none!important}}