/* Shared guide layout; individual palettes live on each hero page. */
body.hero-detail{--page-bg:#0b0e13;--card-bg:#121720;--card-bg-2:#171d27;--text:#f5f6f8;--text-muted:#969eaa;--red:var(--hero-primary);--muted:var(--text-muted);background-color:var(--page-bg)!important;background-image:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--hero-primary) 18%,transparent),transparent 38%)!important;background-size:auto;color:var(--text)!important}
.hero-detail header{background:#0b0e13ed!important;border-bottom:2px solid var(--hero-primary)!important;padding-top:22px!important;padding-bottom:22px!important;gap:24px}
.hero-detail .brand{color:var(--text)!important}.hero-detail .brand span{color:var(--hero-accent)!important}.hero-detail nav{flex-wrap:wrap}.hero-detail .tag{color:#c8cdd7}
.hero-detail main{max-width:1180px;padding:0 28px}.hero-detail .library-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:44px;align-items:center;padding:52px 0 38px;min-height:460px;overflow:hidden}
.hero-detail .library-hero::before{content:"";position:absolute;z-index:-1;inset:18px 0;background:radial-gradient(ellipse at 83% 50%,color-mix(in srgb,var(--hero-primary) 26%,transparent),transparent 61%);pointer-events:none}.hero-detail .library-hero::after{content:none}
.hero-detail .hero-detail-copy{min-width:0}.hero-detail .eyebrow{color:var(--hero-accent)!important;font-size:11px;line-height:1.7;justify-content:flex-start}.hero-detail .eyebrow::before{background:var(--hero-primary)}
.hero-detail h1{color:color-mix(in srgb,var(--hero-primary) 65%,white)!important;font-size:clamp(50px,6.5vw,88px)!important;line-height:1.03!important;letter-spacing:1.5px!important;text-shadow:3px 4px 0 #000!important;margin:22px 0 30px!important;overflow-wrap:normal}.hero-detail .download-row{gap:12px;align-items:stretch}.hero-detail .download-row a{display:inline-flex;align-items:center;padding:13px 16px;border:1px solid color-mix(in srgb,var(--hero-primary) 60%,#535967);background:var(--card-bg);font-size:13px;line-height:1.5;color:var(--text)}.hero-detail .download-row a:hover{background:var(--card-bg-2);border-color:var(--hero-accent)}
.hero-detail .hero-portrait{margin:0;position:relative;height:365px;min-width:0;overflow:hidden;border-bottom:3px solid var(--hero-primary);background:linear-gradient(145deg,color-mix(in srgb,var(--hero-primary) 22%,var(--hero-dark)),var(--hero-dark));box-shadow:0 14px 45px #0005}.hero-detail .hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}.hero-detail .hero-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -45px 35px -30px var(--hero-dark);border:1px solid #ffffff20}
.hero-detail .guide-note{background:var(--card-bg)!important;border:1px solid #29303d!important;border-left:3px solid var(--hero-primary)!important;color:#adb6c5!important;font-size:13px;line-height:1.85;padding:18px 22px;margin-bottom:32px}
.hero-detail .article-layout{max-width:900px;margin:0 auto}.hero-detail .article-jump{background:var(--card-bg)!important;border:1px solid #29303d!important;border-top:2px solid var(--hero-primary)!important;color:var(--text)!important;padding:18px 22px}.hero-detail .article-jump label{color:#bac2cf}.hero-detail .article-jump select{background:var(--page-bg);border-color:#394354;color:var(--text);font-size:14px}.hero-detail .article-jump select:focus-visible{outline-color:var(--hero-accent)}
.hero-detail .article-content section{padding:24px 28px;background:var(--card-bg);border:1px solid #252d39;border-left:2px solid color-mix(in srgb,var(--hero-primary) 65%,#252d39);margin-bottom:18px;scroll-margin-top:20px}.hero-detail .article-content h2{color:var(--text)!important;font-size:31px!important;margin:0 0 16px}.hero-detail .article-content p{color:#c0c8d4!important;font-size:15px;line-height:1.95;margin-bottom:14px}.hero-detail .article-content p:last-child{margin-bottom:0}.hero-detail .hero-summary{color:var(--hero-accent)!important;font-size:12px!important;font-weight:700;line-height:1.8;letter-spacing:.7px;border-color:#333c49;padding-bottom:15px;margin-bottom:20px!important}.hero-detail .source-ref{color:color-mix(in srgb,var(--hero-accent) 75%,white)!important;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--hero-accent) 35%,transparent);text-underline-offset:3px}.hero-detail .article-nav{border-color:#29303d!important;color:var(--hero-accent);line-height:1.6}.hero-detail footer{max-width:1180px;color:#969eaa!important;border-color:#29303d;gap:20px}.hero-detail a:focus-visible{outline:2px solid var(--hero-accent);outline-offset:4px}
.hero-detail[data-hero="shoto-todoroki-base"] .library-hero::before{background:radial-gradient(ellipse at 35% 40%,#33a6d826,transparent 56%),radial-gradient(ellipse at 95% 40%,#e7473c3b,transparent 56%)}
.hero-detail[data-hero="dabi"] .hero-portrait{box-shadow:-7px 0 28px #325fff44,7px 0 30px #7d56c244,0 14px 45px #0005;border-bottom-color:#325fff}
.hero-detail[data-hero="fumikage-tokoyami"] .library-hero::before{background:radial-gradient(ellipse at 72% 50%,#50306c66,transparent 67%)}
.hero-detail[data-hero="denki-kaminari"] .library-hero::before{background:linear-gradient(128deg,transparent 59%,#f5d32830 59.2%,#f5d32830 59.8%,transparent 60%),linear-gradient(125deg,transparent 71%,#36aeea20 71.3%,transparent 72%),radial-gradient(ellipse at 80% 40%,#f5d3281c,transparent 59%)}
.hero-detail[data-hero="nejire-hado"] .library-hero::before{background:radial-gradient(circle at 80% 48%,transparent 23%,#70d8d725 23.3%,transparent 24%),radial-gradient(circle at 80% 48%,transparent 32%,#5369d639 32.3%,transparent 33%),radial-gradient(ellipse at 80% 45%,#70d8d721,transparent 65%)}
.hero-detail[data-hero^="whm-"]{background-color:var(--hero-dark)!important;background-image:radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--hero-secondary) 17%,transparent),transparent 40%)!important}.hero-detail[data-hero^="whm-"] .library-hero::before{background:radial-gradient(ellipse at 80% 50%,color-mix(in srgb,var(--hero-secondary) 18%,transparent),transparent 59%)}.hero-detail[data-hero^="whm-"] h1{color:#e3e7ea!important}.hero-detail[data-hero^="whm-"] .hero-portrait{border-bottom-color:var(--hero-accent);background:var(--hero-dark)}
@media(max-width:760px){.hero-detail header{flex-wrap:wrap;gap:14px!important}.hero-detail header nav{gap:15px!important}.hero-detail header .tag{display:none}.hero-detail main{padding:0 20px}.hero-detail .library-hero{grid-template-columns:1fr;gap:26px;padding:34px 0 28px;min-height:0}.hero-detail h1{font-size:clamp(48px,11vw,70px)!important;margin:18px 0 24px!important}.hero-detail .hero-portrait{height:310px;max-width:540px;width:100%;justify-self:center}.hero-detail .guide-note{padding:16px 18px}.hero-detail .article-content section{padding:22px 20px}.hero-detail .article-content p{font-size:14px}.hero-detail .article-content h2{font-size:29px!important}.hero-detail .article-jump{padding:16px 18px}.hero-detail .article-nav{flex-wrap:wrap}.hero-detail footer{flex-wrap:wrap}.hero-detail footer div{flex-wrap:wrap;gap:16px}}
@media(prefers-reduced-motion:reduce){.hero-detail *{scroll-behavior:auto!important}}