/* SagaRadar shared styles. Generated by scripts/build-theme-assets.php; edit the source files. */

/* style.css */
/*
Theme Name: SagaRadar
Author: SagaRadar
Description: Lightweight, franchise-first editorial guide theme.
Version: 0.1.0
Requires at least: 6.9
Requires PHP: 8.3
Text Domain: sagaradar
*/
:root{--paper:#f8f7f3;--ink:#17252a;--muted:#637074;--line:#dcded8;--red:#c94632;--cream:#eceade;--green:#d4ddc6;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(38px,4.3vw,64px);margin-bottom:24px}h2{font-size:clamp(28px,3vw,39px);font-weight:650}h3{font-size:24px;font-weight:650}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}.preview-bar{min-height:30px;background:#e7eade;text-align:center;color:#465044;font-size:10px;letter-spacing:.13em;font-weight:700;padding:5px 16px}.preview-detail{font-weight:400;letter-spacing:.03em}.status-dot{display:inline-block;width:6px;height:6px;background:#728065;border-radius:50%;margin-right:7px;vertical-align:middle}.site-header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{display:inline-flex;align-items:center;color:var(--ink);font-size:29px;letter-spacing:-1.3px;font-weight:800;white-space:nowrap}.brand span:not(.brand-mark){font-weight:450}.brand i{font-style:normal;color:var(--red)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--red);color:white;margin-right:10px;font-size:29px;font-weight:400;line-height:1}.brand:hover{text-decoration:none}.site-header nav,.site-header ul{display:flex;align-items:center;list-style:none;gap:32px;padding:0;margin:0}.site-header nav{font-size:14px;font-weight:600}.nav-search{border-left:1px solid var(--line);padding-left:30px}.nav-search span{font-size:23px;margin-left:12px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:750;color:var(--muted);margin-bottom:18px;display:block}.red-line{display:inline-block;width:22px;height:2px;background:var(--red);margin-right:10px;vertical-align:middle}.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:72px;padding-block:66px 70px;align-items:center}.hero h1{font-size:clamp(42px,4.5vw,66px);line-height:1.06;letter-spacing:-.05em;font-weight:700}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.06em}.accent{color:var(--red)}.hero-description{font-size:16px;line-height:1.75;margin-bottom:30px}.search-form{display:flex;width:100%;max-width:550px;min-height:56px;border:1px solid #bdc2ba;background:white;border-radius:var(--radius);padding:5px}.search-form input{width:0;flex:1;border:0;background:transparent;padding:10px 12px;min-width:0;font-size:13px;color:var(--ink)}.search-form button,.button{border:0;border-radius:2px;background:var(--ink);color:white;padding:11px 19px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.search-form button span{margin-left:12px;font-size:17px}.search-note{font-size:10px;margin:10px 0 0;color:#738078}.route-panel{background:var(--ink);color:#f3f0e5;border-radius:var(--radius);padding:30px 32px 0;position:relative;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading .eyebrow{color:#b9c3b3;font-size:9px}.panel-heading>span:last-child{font-size:22px;line-height:1}.route-panel h2{font-size:33px;line-height:1.12;letter-spacing:-.035em;margin:6px 0 24px;font-weight:500}.route-list a{display:flex;align-items:center;gap:17px;min-height:57px;border-top:1px solid #3b494b;font-size:12px}.route-list a>span:last-child{margin-left:auto;color:#acb6ad;font-size:20px}.route-list a:hover{color:#dee9c8;text-decoration:none}.route-number{font:10px/1.2 monospace;color:#a0ada5}.panel-foot{background:#223236;margin:16px -32px 0;padding:17px 32px;color:#a9b7ae;font-size:9px;letter-spacing:.06em}.panel-foot .status-dot{background:#b7c993}.section{padding-block:52px 66px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-top h2{margin-bottom:0}.section-top .eyebrow{margin-bottom:12px}.text-link{font-size:12px;font-weight:650;white-space:nowrap;color:var(--ink)}.text-link span{margin-left:20px}.section-intro{font-size:13px;margin:-10px 0 26px}.hero+.section{border-top:1px solid var(--line)}.pilot-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pilot-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fcfbf8}.pilot-art{height:190px;padding:22px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.pilot-art::after{content:"";position:absolute;width:170px;height:170px;border:1px solid currentColor;border-radius:50%;opacity:.18;right:-30px;top:32px;box-shadow:0 0 0 22px #ffffff12,0 0 0 45px #ffffff0b}.mojave{background:linear-gradient(165deg,#dacba4 50%,#bca978 50%,#c3b186 70%,#aa9568 70%);color:#4b422f}.signal{background:linear-gradient(120deg,#394d49,#718573);color:#e8e9db}.mono{background:linear-gradient(140deg,#ddd2cf 60%,#cbbaba 60%);color:#473b44}.pilot-number{font:11px monospace;z-index:1;opacity:.7}.art-title{font-size:27px;font-weight:750;line-height:1;letter-spacing:-.06em;max-width:70%;z-index:1}.art-cross{position:absolute;right:20px;bottom:15px;font-size:25px;opacity:.55}.pilot-body{padding:22px}.draft-label{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#766d4a;background:#eeeadc;padding:5px 7px;display:inline-block;line-height:1;margin-bottom:13px}.pilot-body h3{font-size:22px;letter-spacing:-.03em;margin-bottom:10px}.pilot-body p{font-size:12px;margin:0}.intent-section{padding:60px 0;background:#eeeee7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:40px}.intent-card{padding:0 24px;border-right:1px solid #d2d6ce}.intent-card:first-child{padding-left:0}.intent-card:last-child{border-right:0;padding-right:0}.intent-card .eyebrow{display:flex;justify-content:space-between;color:var(--red)}.intent-card h3{font-size:22px;margin-bottom:14px}.intent-card p{font-size:12px;line-height:1.7;margin:0}.intent-card:hover{text-decoration:none}.intent-card:hover h3{text-decoration:underline;text-underline-offset:5px}.editorial-note{display:grid;grid-template-columns:.7fr 1.2fr 1.3fr;gap:48px;padding-block:72px;align-items:start}.editorial-note>.eyebrow{margin-top:8px}.editorial-note h2{font-size:32px;margin:0}.editorial-note p{font-size:13px;line-height:1.8}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:44px;gap:24px}.footer-brand{font-size:25px}.site-footer p{font-size:12px;margin-top:12px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;align-items:start;padding-top:6px;max-width:60%;font-size:12px}.footer-bottom{border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;padding:20px 0 28px;font-size:10px;color:var(--muted)}.page-heading{padding-top:44px;max-width:1000px}.page-heading h1{max-width:800px}.lead{font-size:18px;max-width:760px;line-height:1.7}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:32px}.guide-directory{padding-bottom:60px}.guide-directory .search-form{margin:32px 0}.anchor-nav{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.anchor-nav a{padding:8px 14px;border:1px solid var(--line);font-size:12px;border-radius:2px}.directory-section{padding:48px 0 32px;border-bottom:1px solid var(--line)}.directory-section h2{margin-bottom:14px}.empty-note{background:#eeeee7;border-left:3px solid #9da88b;padding:22px;font-size:14px;margin:24px 0}.empty-note h2{font-size:25px}.empty-note p:last-child{margin-bottom:0}.guide-card{padding:24px;border:1px solid var(--line);background:white;position:relative}.guide-card h3{font-size:23px;line-height:1.25}.guide-card h3 a::after{content:"";position:absolute;inset:0}.guide-card p{font-size:13px}.reading-width{max-width:780px}.prose{font-size:18px;line-height:1.85;padding-top:20px;padding-bottom:60px}.prose a{color:var(--red);text-decoration:underline}.prose h2,.prose h3{margin-top:44px}.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose td,.prose th{padding:12px;border:1px solid var(--line)}.article{padding-top:48px;padding-bottom:60px}.article h1{font-size:clamp(34px,4vw,53px)}.byline{font-size:12px}.error-page{min-height:440px}.button{display:inline-block;font-size:14px;padding:14px 22px}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;position:fixed;top:10px;left:10px;z-index:99999;background:white;padding:16px}.navigation.pagination{margin-top:28px}.page-numbers{padding:10px}
@media(min-width:1500px){.hero{padding-block:78px}.hero h1{font-size:69px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.route-panel{padding:25px 24px 0}.panel-foot{margin-inline:-24px;padding-inline:24px}.route-panel h2{font-size:28px}.hero h1{font-size:48px}.intent-card{padding-inline:18px}.intent-card h3{font-size:20px}.editorial-note{gap:26px;grid-template-columns:.7fr 1.1fr 1.2fr}.pilot-art{height:165px}.art-title{font-size:25px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.site-header{height:85px;gap:10px}.brand{font-size:24px}.brand-mark{width:23px;height:23px;font-size:23px;margin-right:7px}.site-header nav,.site-header ul{gap:16px;font-size:12px}.nav-search{padding-left:0;border:0}.nav-search span{display:none}.hero{grid-template-columns:1fr;padding-block:42px;gap:32px}.hero h1{font-size:clamp(42px,8vw,58px)}.hero-description{font-size:15px}.route-panel{padding-top:26px}.route-panel h2 br{display:none}.route-panel h2{font-size:28px}.route-list a{min-height:52px}.section{padding-block:38px}.section-top{align-items:start;flex-direction:column;gap:14px}.section-top h2{font-size:30px}.section-intro{margin-top:0}.pilot-grid,.guide-grid{grid-template-columns:1fr;gap:18px}.pilot-art{height:180px}.pilot-body{padding:20px}.intent-section{padding:40px 0}.intent-grid{grid-template-columns:1fr 1fr;gap:28px 0;margin-top:28px}.intent-card:nth-child(odd){padding-left:0}.intent-card:nth-child(even){border:0;padding-right:0}.intent-card h3{font-size:22px}.editorial-note{grid-template-columns:1fr;gap:18px;padding-block:44px}.editorial-note>.eyebrow{margin:0}.footer-links{max-width:100%;gap:16px}.footer-bottom{flex-direction:column;gap:8px}.page-heading{padding-top:30px}.lead{font-size:16px}.anchor-nav{gap:8px}.anchor-nav a{font-size:11px}.directory-section{padding-top:35px}.prose{font-size:17px}.preview-detail{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reader-first library layout, September 2026. No oversized hero or duplicate task panels. */
.site-header{height:82px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.library-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:56px;align-items:center;padding-block:38px 34px;border-bottom:1px solid var(--line)}
.library-intro .eyebrow{margin-bottom:12px}.library-intro h1{font-size:clamp(32px,3.2vw,45px);line-height:1.12;letter-spacing:-.045em;max-width:620px;margin-bottom:12px}.library-intro h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.library-intro p:last-child{font-size:14px;line-height:1.6;max-width:530px;margin:0}.home-search{min-width:0}
.guide-search{max-width:550px;width:100%;margin:0}.search-label{display:block;font-size:12px;font-weight:600;line-height:1.5;color:var(--ink);margin-bottom:9px}
.search-form{min-height:52px}.search-form input{font-size:16px;padding:8px 10px}.search-form button{font-size:13px;padding:8px 14px;min-height:42px}.search-form button span{margin-left:8px}
.library-section{padding-block:30px 34px}.library-section+.library-section{border-top:1px solid var(--line)}
.library-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.library-section-heading h2{font-size:28px;letter-spacing:-.035em;margin:0}.library-section-heading>.text-link{min-height:44px;display:inline-flex;align-items:center}
.local-content-note{font-size:12px;line-height:1.6;margin:-8px 0 18px;color:#696d60}
.preview-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.preview-guide-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fcfbf8}
.preview-series-band{min-height:85px;padding:17px 22px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:650;letter-spacing:-.01em}
.series-monogram{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-size:16px;font-weight:500;opacity:.7;flex-shrink:0}
.preview-guide-body{padding:20px 22px}.guide-type{display:block;font-size:10px;line-height:1.6;letter-spacing:.035em;color:var(--muted);margin-bottom:9px}
.preview-guide-body h3{font-size:23px;line-height:1.23;margin-bottom:10px;letter-spacing:-.03em}.preview-guide-body p{font-size:13px;line-height:1.6;margin-bottom:16px}.preview-guide-body .draft-label{margin:0;font-size:9px}
.guide-card{padding:0;overflow:hidden;border-radius:var(--radius)}.guide-card-content{padding:22px;height:100%;display:flex;flex-direction:column;align-items:start}.guide-card .eyebrow{margin-bottom:12px}.guide-card h3{margin-bottom:12px;overflow-wrap:anywhere}.guide-card-content>p{line-height:1.6;margin-bottom:18px}.guide-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.guide-card:has(.guide-thumbnail) .guide-card-content{height:auto}.card-bottom{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;gap:12px}.card-bottom time{font-size:10px;color:var(--muted)}
.series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.series-link{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#f0f0e8}.series-link strong{display:block;font-size:16px;font-weight:650;line-height:1.3}.series-link small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.series-link:hover,.need-link:hover{border-color:#929f8c;text-decoration:none}.series-link:hover strong,.need-link:hover h3{text-decoration:underline;text-underline-offset:4px}
.need-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.need-link{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#f0f0e8}.need-link .eyebrow{display:flex;justify-content:space-between;color:var(--red);margin-bottom:18px}.need-link h3{font-size:21px;line-height:1.22;margin-bottom:10px}.need-link p{font-size:13px;line-height:1.6;margin:0}
.home-about{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-block:30px;border-top:1px solid var(--line)}.home-about h2{font-size:23px;margin-bottom:8px}.home-about p{font-size:13px;line-height:1.65;margin:0;max-width:570px}.home-about-links{display:flex;flex-wrap:wrap;justify-content:end;gap:8px 24px}.home-about-links a{display:inline-flex;align-items:center;min-height:44px}
.guide-directory #search{margin-block:28px}.guide-directory .search-form{margin:0}.series-directory{padding-block:24px;border-top:1px solid var(--line);scroll-margin-top:24px}.series-directory:first-of-type{margin-top:20px}.series-directory h3{font-size:23px;margin-bottom:12px}.series-directory ul{padding-left:20px;margin:12px 0 0}.series-directory li{padding-block:5px}.series-directory li a{font-size:15px;line-height:1.7;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.library-intro{gap:28px}.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-guide-grid{gap:16px}.preview-guide-body,.guide-card-content{padding:18px}.preview-guide-body h3{font-size:21px}}
@media(max-width:720px){
    .site-header{height:auto;min-height:72px;flex-wrap:wrap}.site-header nav,.site-header ul{gap:14px;flex-wrap:wrap}.brand{font-size:23px}
    .library-intro{grid-template-columns:1fr;gap:20px;padding-block:24px}.library-intro .eyebrow{font-size:9px;margin-bottom:10px}.library-intro h1{font-size:32px;margin-bottom:10px;max-width:520px}.library-intro p:last-child{font-size:13px;line-height:1.6}.search-label{font-size:11px;margin-bottom:7px}
    .library-section{padding-block:24px}.library-section-heading{gap:12px;margin-bottom:17px}.library-section-heading h2{font-size:25px}.library-section-heading>.text-link{font-size:11px}.local-content-note{font-size:11px;margin:-6px 0 15px}
    .preview-guide-grid{grid-template-columns:1fr;gap:16px}.preview-series-band{min-height:58px;padding:11px 17px;gap:11px;font-size:13px}.series-monogram{width:32px;height:32px;font-size:12px}.preview-guide-body{padding:16px 18px}.preview-guide-body h3{font-size:23px}.preview-guide-body p{font-size:13px;margin-bottom:12px}
    .series-grid{grid-template-columns:1fr 1fr;gap:10px}.series-link{padding:15px 12px}.series-link strong{font-size:15px}.need-grid{grid-template-columns:1fr 1fr;gap:12px}.need-link{padding:18px 15px}.need-link h3{font-size:19px}.need-link p{font-size:12px}
    .home-about{align-items:start;flex-direction:column;gap:12px;padding-block:24px}.home-about h2{font-size:22px}.home-about-links{justify-content:start}.site-footer{padding-top:30px}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-links{padding-top:0}
}
@media(max-width:360px){.site-header{flex-wrap:wrap;height:auto;min-height:90px;padding-block:12px;gap:4px 20px}.site-header nav{width:100%;justify-content:flex-start}.library-intro h1{font-size:30px}.need-grid{grid-template-columns:1fr}.search-form button{padding-inline:10px}.search-form button span{display:none}}

/* Story Signal identity: fixed proportions, no font dependency or layout shift. */
.brand-lockup{flex:0 0 auto;min-height:44px;line-height:1;letter-spacing:normal}
.brand-logo{display:block;width:202.5px;height:40px;max-width:100%}
.footer-brand .brand-logo{width:182.25px;height:36px}
@media(max-width:720px){.site-header .brand-logo{width:151.875px;height:30px}}
@media(forced-colors:active){.brand-logo{background:#f8f7f3;forced-color-adjust:none}}


/* discovery.css */
/* SagaRadar / Night Signal. Progressive enhancement; server-rendered content first. */
:root{color-scheme:dark;--paper:#090e18;--ink:#eef2ff;--muted:#a6b2c8;--line:#283247;--red:#b1a5ff;--cream:#151e2d;--green:#d6ff74;--panel:#111a29;--panel-raised:#172136;--lime:#d6ff74;--violet:#b1a5ff;--radius:12px}
[hidden]{display:none!important}html{scroll-padding-top:100px}body{background:radial-gradient(ellipse at 80% 0%,#33225926,transparent 34%),var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}a,button,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime)}button{cursor:pointer}p{color:var(--muted)}h1,h2,h3{color:var(--ink)}.wrap{width:min(1240px,calc(100% - 64px))}.ui-icon{display:inline-block;width:21px;height:21px;flex:0 0 auto;vertical-align:middle}.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.14em;font-weight:700;color:var(--violet);margin-bottom:10px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;color:var(--ink);min-height:36px}.text-link .ui-icon{width:16px;height:16px}.text-link:hover{color:var(--lime);text-decoration:none}
.preview-bar{background:#111a22;color:#b4c2be;min-height:24px;padding:4px 12px;font-size:8px;letter-spacing:.12em}.preview-detail{font-size:8px}.status-dot{background:var(--lime);width:5px;height:5px}
.site-header{height:84px;gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:20}.site-header .brand-logo{width:202.5px;height:40px}.brand-lockup{min-height:44px;line-height:1;flex:0 0 auto}.brand-descriptor{font-size:11px;color:#8b99b2;border-left:1px solid var(--line);padding-left:25px;margin-right:auto}.site-header nav,.site-header ul{gap:30px;align-items:center}.site-header nav{font-size:13px}.site-header .current-menu-item>a{color:var(--lime)}.site-header nav a:hover{color:var(--lime);text-decoration:none}.site-header .nav-search{padding:9px 12px;border:1px solid #3b4560;min-height:40px;border-radius:7px;gap:9px;display:flex;font-size:12px}.site-header .nav-search span{font-size:12px;margin:0;display:inline}.nav-search kbd{font:10px "Segoe UI",sans-serif;padding:0 5px;border:1px solid #4b5870;border-radius:3px;color:var(--muted)}.nav-search .ui-icon{width:17px;height:17px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink)}.menu-toggle{margin-left:auto}
.discovery-intro{display:grid;grid-template-columns:1.3fr .85fr;gap:65px;align-items:center;padding-top:39px;padding-bottom:28px}.signal-pip{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 0 4px #d6ff7410}.discovery-intro h1{font-size:clamp(32px,3.45vw,48px);line-height:1.1;letter-spacing:-.04em;font-weight:800;margin:0 0 14px}.discovery-intro h1 em{color:var(--lime);font-style:normal}.discovery-intro>div>p:last-child{font-size:13px;line-height:1.8;max-width:590px;margin:0}.intro-search{padding-top:5px}.search-label{font-size:10px;color:#c4cede;font-weight:500;margin-bottom:9px}.search-form{border:1px solid #46516b;border-radius:7px;padding:5px;min-height:54px;background:#111a2a;box-shadow:none}.search-form input{font-size:15px;background:transparent;color:#f0f4ff;padding:8px 10px}.search-form input::placeholder{color:#94a0b8;opacity:1}.search-form button{background:var(--lime);color:#18220b;border:0;border-radius:4px;font-size:12px;font-weight:750;padding:9px 16px;min-height:42px}.search-form button:hover{background:#e4ffa7}.search-form button span{font-size:15px;margin-left:8px}.search-shortcut{display:block;font-size:10px;color:#8c9bb3;margin-top:9px}.guide-search{max-width:none}
.home-jump-nav{display:flex;gap:26px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#485672 transparent}.home-jump-nav a{font-size:11px;white-space:nowrap;font-weight:600;min-height:45px;display:flex;align-items:center}.home-jump-nav a:hover{color:var(--lime);text-decoration:none}.home-jump-nav a:first-child{color:var(--lime)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-heading h2{font-size:31px;font-weight:760;letter-spacing:-.035em;line-height:1.12;margin:0}.section-heading .eyebrow{margin-bottom:7px}.edition-tag{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);border:1px solid #627641;border-radius:4px;padding:6px 9px;white-space:nowrap}.section-aside{font-size:11px;color:#8d9ab1}.spotlight-section{padding-block:30px 35px}.preview-explainer{font-size:11px;color:#93a1b9;margin:-10px 0 19px}.spotlight-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.spotlight-card{background:var(--panel);border:1px solid #293347;border-radius:10px;overflow:hidden;min-width:0}.spotlight-lead{grid-row:span 2;display:flex;flex-direction:column}.spotlight-side{display:grid;grid-template-columns:.83fr 1fr;min-height:217px}.spotlight-art{position:relative;min-width:0;overflow:hidden;background:#131b26}.spotlight-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.spotlight-lead .spotlight-art{height:256px}.spotlight-side .spotlight-art>img{position:absolute;inset:0}.spotlight-side[data-preview-series="danganronpa"] .spotlight-art>img{object-position:17% center}.media-label{position:absolute;bottom:14px;left:16px;font-size:9px;color:#fff;background:#0a101beb;border:1px solid #ffffff35;border-radius:4px;padding:4px 7px;line-height:1.6}.spotlight-copy{display:flex;flex-direction:column;padding:21px 24px;min-width:0;flex:1}.spotlight-copy .eyebrow{font-size:8px;color:var(--violet);margin-bottom:9px}.spotlight-copy h3{font-size:26px;letter-spacing:-.03em;font-weight:750;line-height:1.12;margin-bottom:11px}.spotlight-lead h3{font-size:32px;max-width:520px}.spotlight-copy>p{font-size:12px;line-height:1.7;margin-bottom:17px}.spotlight-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.draft-label{font-size:9px;font-weight:500;text-transform:none;letter-spacing:0;color:#d7c49e;background:#b9954a15;border:1px solid #665436;padding:5px 7px;border-radius:3px;margin:0;line-height:1.5}.spotlight-side .spotlight-copy{padding:18px}.spotlight-side h3{font-size:22px}.spotlight-side .spotlight-copy>p{font-size:11px;margin-bottom:12px}.spotlight-side .spotlight-bottom{align-items:start;flex-direction:column;gap:2px}.spotlight-side .text-link{font-size:10px;min-height:30px}
.route-finder-section{padding-block:25px 43px;border-bottom:1px solid var(--line)}.route-shell{background:var(--panel);border:1px solid #35415a;border-radius:12px;overflow:hidden}.route-shell.tabs-ready{display:grid;grid-template-columns:290px 1fr}.route-tabs{padding:16px;background:#111727;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.route-tabs button{display:flex;align-items:center;gap:13px;min-height:64px;width:100%;text-align:left;padding:13px 16px;border-radius:7px;background:transparent;border:1px solid transparent;color:#bac5d8;font-size:13px;font-weight:650}.route-tabs button>.ui-icon:last-child{width:16px;height:16px;margin-left:auto;opacity:.45}.route-tabs button:hover{background:#202b42;color:#fff}.route-tabs button[aria-selected="true"]{background:#d6ff74;color:#1a2510}.route-tabs button[aria-selected="true"]>.ui-icon:last-child{opacity:1}.route-panel-content{padding:31px 35px}.route-panel-content+.route-panel-content{border-top:1px solid var(--line)}.tabs-ready .route-panel-content{border:0}.route-panel-content h3{font-size:27px;line-height:1.15;font-weight:700;letter-spacing:-.025em;margin-bottom:12px}.route-panel-content>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:670px;margin-bottom:16px}.route-checklist{list-style:none;padding:0;margin:20px 0;counter-reset:steps;display:grid;gap:12px}.route-checklist li{display:flex;gap:12px;align-items:start;font-size:12px;color:#d2dbeb;line-height:1.7}.route-checklist li::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);font:11px/1.7 "Segoe UI",sans-serif;color:var(--violet);padding-top:1px}.route-hint{display:flex;align-items:center;gap:11px;background:#8796ff0c;border-left:2px solid var(--violet);padding:12px 14px;margin-bottom:14px}.route-hint>.ui-icon{width:17px;color:var(--violet)}.route-hint p{font-size:11px;line-height:1.7;margin:0;color:#bdc9df}.route-panel-content .route-availability{font-size:10px!important;color:#92a1b8;margin-bottom:0!important}.route-cta{display:inline-flex;align-items:center;gap:16px;min-height:40px;font-size:12px;font-weight:650;color:var(--lime);text-decoration:none}.route-cta .ui-icon{width:17px}.route-cta:hover{text-decoration:underline}.published-collections{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:18px;font-size:11px}.published-collections>span{color:var(--muted);margin-right:5px}.published-collections a{border:1px solid var(--line);border-radius:20px;padding:6px 10px}
.worlds-section{padding-block:41px 42px}.series-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.series-toolbar p{font-size:12px;margin:0}.series-filters{display:flex;gap:6px;flex-wrap:wrap}.series-filters button{min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:transparent;color:#b5c1d5;font-size:10px;white-space:nowrap}.series-filters button[aria-pressed="true"]{background:var(--violet);color:#171329;border-color:var(--violet);font-weight:700}.series-filters button:hover{border-color:var(--violet)}.series-status{font-size:10px;color:#8c9bb3;margin-bottom:15px}.planned-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.series-profile{border:1px solid var(--line);border-radius:10px;padding:0 23px 21px;background:var(--panel);overflow:hidden;scroll-margin-top:25px}.series-profile:target{border-color:var(--lime)}.series-profile-top{height:108px;margin:0 -23px 21px;padding:17px 20px;display:flex;justify-content:flex-end;align-items:end;background-color:#263044;background-position:center;background-size:cover}.series-fallout .series-profile-top{background-image:linear-gradient(0deg,#111a29b3,transparent),url('preview-fallout-new-vegas.webp')}.series-resident-evil .series-profile-top{background-image:linear-gradient(0deg,#111a29b3,transparent),url('preview-resident-evil-death-island.webp');background-position:center 35%}.series-danganronpa .series-profile-top{background-image:linear-gradient(0deg,#111a29b3,transparent),url('preview-danganronpa.webp')}.series-initial{display:none}.series-format{color:#fff;background:#090e18e6;padding:3px 7px;border:1px solid #ffffff30;border-radius:3px;font-size:9px}.series-profile h3{font-size:24px;margin-bottom:11px;letter-spacing:-.025em}.series-profile>p{font-size:12px;line-height:1.8;margin-bottom:18px}.series-scope{border-top:1px solid var(--line)}.series-scope summary{list-style:none;cursor:pointer;font-size:10px;line-height:1.7;display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:53px;color:#d5dcef}.series-scope summary::-webkit-details-marker{display:none}.series-scope summary .ui-icon{width:16px}.series-scope[open] summary .ui-icon{transform:rotate(90deg)}.series-scope ul{padding-left:16px;font-size:11px;line-height:1.9;color:#c4cfe1;margin-top:2px}.scope-note{font-size:10px;line-height:1.7;color:#92a2ba;margin:0}.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.series-link{border:1px solid var(--line);border-radius:9px;padding:23px 20px;background:var(--panel);color:var(--ink);justify-content:start}.series-letter{display:grid;place-items:center;width:45px;height:45px;border-radius:8px;background:#b1a5ff1c;color:var(--violet);font-size:26px;font-weight:800}.series-link>.ui-icon{margin-left:auto}.series-link small{color:var(--muted)}.series-link:hover{background:#1a2540;border-color:var(--violet)}
.quick-answers{display:grid;grid-template-columns:.9fr 1.35fr;gap:70px;border-top:1px solid var(--line);padding-block:43px 45px}.answers-intro h2{font-size:37px;font-weight:750;letter-spacing:-.035em;line-height:1.08;margin-bottom:16px}.answers-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:350px;margin-bottom:22px}.answer-art{position:relative;overflow:hidden;border-radius:9px;max-width:390px}.answer-art img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover}.answer-art span{position:absolute;right:9px;bottom:9px;font-size:8px;background:#080d19de;color:#c8d0df;padding:3px 6px;border-radius:3px}.answer-list{border-top:1px solid var(--line)}.answer-list details{border-bottom:1px solid var(--line)}.answer-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;list-style:none;font-size:15px;font-weight:650;cursor:pointer;line-height:1.5;padding:17px 0}.answer-list summary::-webkit-details-marker{display:none}.faq-plus{display:grid;place-items:center;border:1px solid #4e5877;color:var(--violet);width:25px;height:25px;flex:0 0 auto;font-size:18px;font-weight:400;border-radius:50%}.answer-list details[open] .faq-plus{transform:rotate(45deg);border-color:var(--lime);color:var(--lime)}.answer-list details[open] summary{padding-bottom:12px}.answer-list p{font-size:12px;line-height:1.85;margin:0 40px 22px 0;color:#aebbd1}
.reader-promise{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;border:1px solid #3c3659;border-radius:12px;padding:40px 45px;background:radial-gradient(ellipse at 0 100%,#6249b22c,transparent 60%),#12182a;margin-top:3px;margin-bottom:30px}.reader-promise h2{font-size:35px;line-height:1.1;letter-spacing:-.04em;max-width:440px;margin-bottom:0}.promise-points{display:grid;grid-template-columns:1fr;gap:15px}.promise-points p{margin:0;display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:2px solid #726594}.promise-points strong{color:#e2e7f5;font-size:12px}.promise-points span{font-size:11px;line-height:1.7}.promise-points .route-cta{margin-top:2px}
.art-credits{font-size:10px;color:#8c9ab2;max-width:1240px;margin-bottom:29px}.art-credits summary{min-height:36px;line-height:36px;cursor:pointer;width:fit-content}.art-credits p{font-size:11px;line-height:1.9;max-width:900px}.art-credits a{text-decoration:underline;text-underline-offset:3px}.site-footer{padding-top:36px;gap:25px;border-color:var(--line)}.footer-brand .brand-logo{width:182.25px;height:36px}.site-footer p{font-size:11px;line-height:1.9;margin-top:13px;color:#95a3bc}.footer-links{font-size:12px;gap:25px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-color:var(--line);font-size:9px;padding-block:20px 27px;color:#8694ad}
.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;transition:transform .18s ease,border-color .18s ease}.guide-card:hover,.guide-card:focus-within{border-color:var(--violet);transform:translateY(-2px)}.guide-card h3{font-size:25px;line-height:1.2}.guide-card-content{padding:23px}.guide-card .eyebrow,.guide-type{color:var(--violet)}.guide-card p{color:var(--muted)}.guide-thumbnail{aspect-ratio:1.94;object-fit:cover}.card-bottom time{color:#90a0b7}.card-bottom{padding-top:18px}.discovery-section{padding-block:15px 42px}.page-heading{padding-top:39px}.page-heading h1{font-size:clamp(36px,4.4vw,59px);font-weight:760}.page-heading .lead{font-size:17px;line-height:1.8}.breadcrumbs{font-size:11px}.prose{font-size:18px;line-height:1.85}.prose a{color:var(--lime)}.empty-note{border:1px solid #344158;border-left:3px solid var(--violet);border-radius:9px;background:#141e2c;color:var(--ink);padding:25px}.empty-note h2,.empty-note h3{font-size:25px}.empty-note p{font-size:14px;line-height:1.8}.empty-note a{color:var(--lime)}.anchor-nav a{border-radius:20px;border-color:#3c4860;color:#d0daeb}.directory-section{border-color:var(--line)}.series-directory{border-color:var(--line)}.button{border-radius:6px;background:var(--lime);color:#18230e}.search-results .lead,.search-no-results .lead{margin-top:24px}.prose table{border-color:var(--line)}.skip-link:focus{background:var(--panel);color:white;z-index:200}
.search-dialog{width:min(650px,calc(100vw - 32px));max-height:85vh;padding:28px;background:#111929;color:var(--ink);border:1px solid #4a5473;border-radius:13px;box-shadow:0 30px 100px #0009;overscroll-behavior:contain}.search-dialog:not([open]){display:none}.search-dialog::backdrop{background:#030611cf;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:23px}.dialog-heading .eyebrow{display:block;font-size:8px}.dialog-heading h2{font-size:28px;margin:0;line-height:1.2}.search-dialog form>label{display:block;font-size:11px;margin-bottom:9px;color:#bfcbdf}.search-options{list-style:none;padding:0;margin:12px 0;max-height:280px;overflow:auto}.search-options li+li{border-top:1px solid var(--line)}.search-options a{display:flex;justify-content:space-between;gap:18px;padding:14px 9px;font-size:13px;line-height:1.6;border-radius:4px}.search-options a:hover{background:#243049;color:var(--lime);text-decoration:none}.search-options .ui-icon{width:16px}.suggestion-status{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--violet);margin-top:23px}.search-empty,.search-launch-note{font-size:12px;line-height:1.8}.dialog-keyboard-hint{display:block;font-size:10px;color:#8796b0;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}
@media(max-width:1100px){.brand-descriptor{display:none}.site-header nav{margin-left:auto}.discovery-intro{gap:35px}.discovery-intro h1{font-size:38px}.spotlight-grid{grid-template-columns:1.05fr 1fr}.spotlight-lead .spotlight-art{height:225px}.spotlight-lead h3{font-size:29px}.spotlight-side{grid-template-columns:.7fr 1fr}.spotlight-side h3{font-size:20px}.spotlight-copy{padding:21px}.route-shell.tabs-ready{grid-template-columns:250px 1fr}.route-panel-content{padding:27px}.route-tabs{padding:12px}.route-tabs button{padding:11px 12px;font-size:12px}.series-toolbar{align-items:start;flex-direction:column;gap:14px}.quick-answers{gap:38px}.reader-promise{gap:30px;padding:34px}.reader-promise h2{font-size:31px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.spotlight-grid{grid-template-columns:1fr}.spotlight-lead{grid-row:auto}.spotlight-lead .spotlight-art{height:auto;aspect-ratio:2.14}.spotlight-side{grid-template-columns:.75fr 1.2fr;min-height:210px}.spotlight-side h3{font-size:25px}.spotlight-side .spotlight-copy{padding:24px}.spotlight-side .spotlight-bottom{flex-direction:row;align-items:center}.planned-series-grid{gap:15px}.series-profile{padding-inline:18px}.series-profile-top{margin-inline:-18px}.series-profile h3{font-size:22px}.route-shell.tabs-ready{grid-template-columns:1fr}.route-tabs{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);gap:5px}.route-tabs button{flex:1;justify-content:center;gap:7px;padding:10px 6px;font-size:10px;min-height:62px;flex-direction:column;text-align:center}.route-tabs button>.ui-icon:last-child{display:none}.quick-answers{grid-template-columns:.8fr 1fr;gap:28px}.answers-intro h2{font-size:31px}}
@media(max-width:720px){
    html{scroll-padding-top:24px}.wrap{width:calc(100% - 32px)}.preview-bar{font-size:7px;min-height:22px;padding:4px 9px}.preview-detail{font-size:7px}.site-header{height:auto;min-height:73px;gap:9px;flex-wrap:wrap;padding-block:10px}.site-header .brand-logo{width:182.25px;height:36px}.site-header nav,.site-header ul{font-size:12px;gap:21px}.site-header nav{margin-left:auto}.site-header .nav-search{min-height:37px;padding:6px 9px}.nav-search kbd{display:none}.site-header.nav-ready nav{display:none;flex-basis:100%;margin:0;padding:14px 0 5px;border-top:1px solid var(--line)}.site-header.nav-ready.is-menu-open nav{display:flex;justify-content:space-between}.site-header.nav-ready .menu-toggle{display:grid}.site-header .nav-search span{display:inline}
    .discovery-intro{grid-template-columns:1fr;gap:22px;padding-block:26px 22px}.discovery-intro .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:13px}.discovery-intro h1{font-size:38px;line-height:1.03;margin-bottom:15px;max-width:360px}.discovery-intro>div>p:last-child{font-size:12px;line-height:1.8}.intro-search{padding:0}.search-label{font-size:9px}.search-form input{font-size:16px}.search-form button{font-size:11px;padding-inline:12px}.search-form button span{display:none}.search-shortcut{font-size:9px;line-height:1.6}.home-jump-nav{gap:23px}.home-jump-nav a{font-size:10px;min-height:45px}.spotlight-section{padding-block:26px 30px}.section-heading{gap:14px;margin-bottom:20px;align-items:center}.section-heading .eyebrow{font-size:8px;letter-spacing:.1em}.section-heading h2{font-size:27px}.edition-tag{font-size:7px;padding:5px 6px}.section-aside{display:none}.preview-explainer{font-size:10px;line-height:1.8;margin-top:-8px;margin-bottom:16px}.spotlight-grid{gap:16px}.spotlight-lead .spotlight-copy{padding:20px}.spotlight-lead h3{font-size:28px;line-height:1.1}.spotlight-copy>p{font-size:12px}.spotlight-bottom .text-link{font-size:10px}.spotlight-side{grid-template-columns:.7fr 1fr;min-height:205px}.spotlight-side .spotlight-copy{padding:17px 16px}.spotlight-side h3{font-size:21px}.spotlight-side .spotlight-copy>p{font-size:11px;line-height:1.7}.spotlight-side .spotlight-bottom{flex-direction:column;align-items:start}.media-label{font-size:8px;bottom:10px;left:10px}.spotlight-side .media-label{font-size:7px;padding:3px 5px}.draft-label{font-size:8px;padding:4px 6px}.spotlight-side .text-link{font-size:9px}.spotlight-side .spotlight-copy .eyebrow{font-size:7px}
    .route-finder-section{padding-block:17px 31px}.route-tabs{padding:9px;gap:4px}.route-tabs button{font-size:9px;line-height:1.5;min-height:75px;gap:7px}.route-tabs button>.ui-icon{width:20px;height:20px}.route-panel-content{padding:23px 21px}.route-panel-content h3{font-size:25px}.route-panel-content>p:not(.eyebrow){font-size:12px}.route-panel-content .eyebrow{font-size:8px}.route-checklist{gap:12px;margin-block:18px}.route-checklist li{font-size:11px}.route-hint{padding:11px}.route-hint p{font-size:10px}.route-panel-content .route-availability{font-size:9px!important}.worlds-section{padding-block:31px}.series-toolbar{gap:13px}.series-toolbar p{font-size:11px;line-height:1.8}.series-filters{gap:7px}.series-filters button{font-size:9px;min-height:36px;padding-inline:11px}.planned-series-grid{grid-template-columns:1fr;gap:18px}.series-profile{padding-inline:22px}.series-profile-top{margin-inline:-22px;height:127px}.series-profile h3{font-size:26px}.series-profile>p{font-size:12px;line-height:1.85}.series-scope summary{font-size:11px}.series-scope ul{font-size:12px}.series-status{font-size:9px}.series-grid{grid-template-columns:1fr}.series-link{padding:20px}
    .quick-answers{grid-template-columns:1fr;gap:24px;padding-block:32px}.answers-intro h2{font-size:33px}.answers-intro>p:not(.eyebrow){font-size:12px;max-width:100%;margin-bottom:18px}.answer-art{max-width:none}.answer-art img{aspect-ratio:2.3}.answer-list summary{font-size:13px;min-height:70px;padding-block:17px;line-height:1.6}.answer-list p{font-size:12px;margin-right:12px}.reader-promise{grid-template-columns:1fr;gap:27px;padding:27px 24px;margin-bottom:19px}.reader-promise h2{font-size:29px}.reader-promise .eyebrow{font-size:8px}.promise-points{gap:15px}.promise-points strong{font-size:12px}.promise-points span{font-size:11px}.art-credits{font-size:9px;margin-bottom:17px}.art-credits p{font-size:10px}.site-footer{padding-top:28px;gap:18px}.site-footer p{font-size:10px}.footer-links{gap:25px;font-size:11px}.footer-bottom{font-size:8px;gap:8px;padding-block:18px 24px}.guide-card h3{font-size:24px}.guide-card-content{padding:22px}.page-heading{padding-top:29px}.page-heading h1{font-size:37px}.page-heading .lead{font-size:15px;line-height:1.8}.empty-note{padding:22px}.prose{font-size:17px}.search-dialog{padding:23px 20px;max-height:90vh}.dialog-heading h2{font-size:26px}.search-options a{font-size:12px}.dialog-heading{gap:14px}.search-options{max-height:240px}
}
/* Keep the first story visible sooner on narrow screens. */
@media(max-width:720px){.intro-search .search-shortcut,.spotlight-section>.section-heading .eyebrow{display:none}.discovery-intro{gap:18px;padding-block:23px 19px}.spotlight-section{padding-top:22px}.spotlight-section>.section-heading{margin-bottom:18px}}
@media(min-width:721px){.menu-toggle{display:none!important}}
@media(max-width:360px){.site-header{min-height:71px;gap:5px;padding-block:8px}.site-header:not(.nav-ready) nav{width:100%;justify-content:flex-start;margin:0}.site-header .brand-logo{width:167.0625px;height:33px}.site-header.nav-ready nav{min-height:58px}.discovery-intro h1{font-size:35px}.edition-tag{display:none}.route-tabs button{font-size:8px}.spotlight-side h3{font-size:20px}.spotlight-side .spotlight-copy{padding:16px 13px}.series-filters{gap:5px}.series-filters button{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}.guide-card:hover,.guide-card:focus-within{transform:none}}
@media(forced-colors:active){body{background:Canvas}.brand-logo{background:#090e18;forced-color-adjust:none}.route-tabs button[aria-selected="true"],.series-filters button[aria-pressed="true"]{border:2px solid Highlight}.spotlight-card,.route-shell,.series-profile,.reader-promise{border:1px solid CanvasText}.search-form button,.route-cta,.discovery-intro h1 em{color:ButtonText}.series-profile-top{background-image:none}.media-label,.series-format{background:Canvas;color:CanvasText}.search-dialog{background:Canvas;color:CanvasText}}


/* compact.css */
/* Compact editorial homepage. No empty magazine sections or repeated stories. */
.site-header .brand-logo { width: 285px; height: 48px; display: block; }
.site-header { height: 92px; }
.brand-descriptor { font-size: 12px; letter-spacing: .02em; padding-left: 24px; }
.site-header nav { margin-left: auto; }
.footer-brand .brand-logo { width: 237.5px; height: 40px; display: block; }
.compact-intro { padding: 30px 0 25px; display: flex; align-items: baseline; justify-content: space-between; gap: 16px 30px; }
.compact-intro h1 { font-size: clamp(27px, 2.6vw, 36px); font-weight: 750; letter-spacing: -.035em; line-height: 1.2; margin: 0; }
.compact-intro h1 span { color: var(--violet); }
.compact-intro p { font-size: 13px; line-height: 1.65; margin: 0; }
.compact-section-heading { display: flex; align-items: center; gap: 20px; margin: 0 0 19px; }
.compact-section-heading :is(h1,h2) { font-size: 12px; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; font-weight: 750; margin: 0; }
.compact-section-heading :is(h1,h2)::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--violet); margin-right: 10px; vertical-align: 1px; }
.compact-section-rule { flex: 1; height: 1px; background: var(--line); }
.compact-stories { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px; }
.compact-story { position: relative; min-width: 0; overflow: hidden; background: #111827; border: 1px solid #2c3348; border-radius: 10px; transition: border-color .18s; }
.compact-story:hover, .compact-story:focus-within { border-color: var(--violet); }
.compact-story--lead { grid-row: span 2; display: flex; flex-direction: column; }
.compact-story--side { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1fr); }
.compact-story-art { min-width: 0; position: relative; overflow: hidden; background: #1d2638; }
.compact-story-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.compact-story--lead .compact-story-art { aspect-ratio: 1.95; flex-shrink: 0; }
.compact-story--side .compact-story-image { position: absolute; inset: 0; object-position: 32% center; }
.compact-art-label { position: absolute; bottom: 14px; left: 16px; background: #090e18ed; padding: 4px 9px; border: 1px solid #ffffff40; border-radius: 4px; font-size: 10px; line-height: 1.6; color: #fff; }
.compact-story-copy { min-width: 0; display: flex; flex: 1; flex-direction: column; padding: 24px 26px; }
.compact-story-series { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .11em; line-height: 1.6; color: var(--violet); margin: 0 0 9px; }
.compact-story :is(h2,h3) { font-size: clamp(27px, 2.5vw, 34px); font-weight: 750; line-height: 1.16; letter-spacing: -.025em; margin: 0 0 11px; overflow-wrap: break-word; }
.compact-story :is(h2,h3) a::after { content: ''; position: absolute; inset: 0; z-index: 2; }
.compact-story :is(h2,h3) a:hover { text-decoration: none; }
.compact-story :is(h2,h3) a:focus-visible { outline: none; }
.compact-story :is(h2,h3) a:focus-visible::after { outline: 2px solid var(--lime); outline-offset: -4px; border-radius: 9px; }
.compact-story-deck { font-size: 13px; line-height: 1.75; margin: 0 0 18px; }
.compact-story-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 7px; font-size: 10px; line-height: 1.5; color: #a6b2c8; }
.compact-story-meta>span { display: flex; align-items: center; gap: 9px; color: #d6ff74; font-weight: 600; }
.compact-story-meta .ui-icon { width: 15px; height: 15px; }
.compact-story--side .compact-story-copy { padding: 21px 20px; }
.compact-story--side :is(h2,h3) { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.22; }
.compact-story--side .compact-story-deck { font-size: 12px; line-height: 1.7; margin-bottom: 12px; }
.compact-story--side .compact-story-meta { font-size: 10px; }
.compact-story--side .compact-art-label { font-size: 9px; left: 10px; bottom: 10px; }
.compact-story--text { display: flex; }
.compact-stories--1 { grid-template-columns: minmax(0, 780px); }
.compact-stories--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.compact-stories--2 .compact-story { display: flex; flex-direction: column; grid-row: auto; }
.compact-stories--2 .compact-story-art { aspect-ratio: 1.95; }
.compact-stories--2 .compact-story-image { position: static; }
.compact-more { display: flex; width: fit-content; gap: 12px; align-items: center; min-height: 44px; margin-top: 18px; font-size: 13px; color: var(--violet); }
.compact-about { display: flex; align-items: center; justify-content: space-between; gap: 20px 40px; padding: 28px 0; margin-top: 24px; border-top: 1px solid var(--line); }
.compact-about p { font-size: 13px; line-height: 1.85; margin: 0; max-width: 760px; }
.compact-about strong { color: #e4e8f4; font-weight: 650; margin-right: 6px; }
.compact-about>a { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; min-height: 44px; color: var(--violet); font-size: 12px; }
.compact-about .ui-icon { width: 16px; height: 16px; }
.home .site-footer { padding-top: 26px; }
@media (max-width: 1100px) {
    .compact-intro { align-items: flex-start; flex-direction: column; gap: 8px; }
    .compact-stories--3 { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 16px; }
    .compact-story--side { grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); }
    .compact-story--side .compact-story-copy { padding: 19px 17px; }
    .compact-story--side .compact-story-deck { display: none; }
    .compact-story--side .compact-story-meta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 800px) {
    .compact-stories, .compact-stories--2 { grid-template-columns: 1fr; }
    .compact-story--lead { grid-row: auto; }
    .compact-story--side { grid-template-columns: minmax(0, .68fr) minmax(0, 1fr); min-height: 205px; }
    .compact-story--side .compact-story-deck { display: block; }
    .compact-story--side .compact-story-meta { flex-direction: row; }
    .compact-story--side :is(h2,h3) { font-size: 23px; }
    .compact-about { align-items: flex-start; flex-direction: column; gap: 9px; }
}
@media (max-width: 720px) {
    .site-header { min-height: 78px; height: auto; }
    .site-header .brand-logo { width: 237.5px; height: 40px; }
    .compact-intro { padding: 23px 0 20px; gap: 9px; }
    .compact-intro h1 { font-size: clamp(26px, 7vw, 34px); }
    .compact-intro p { font-size: 12px; }
    .compact-section-heading { margin-bottom: 15px; }
    .compact-section-heading :is(h1,h2) { font-size: 10px; }
    .compact-stories { gap: 17px; }
    .compact-story-copy { padding: 21px; }
    .compact-story :is(h2,h3) { font-size: 27px; line-height: 1.2; }
    .compact-story--side { min-height: 213px; grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); }
    .compact-story--side .compact-story-copy { padding: 18px 16px; }
    .compact-story--side :is(h2,h3) { font-size: 21px; }
    .compact-story--side .compact-story-deck { display: none; }
    .compact-story--side .compact-story-meta { align-items: flex-start; flex-direction: column; gap: 9px; }
    .compact-story-series { font-size: 9px; }
    .compact-about { margin-top: 22px; padding: 22px 0; }
    .compact-about p { font-size: 12px; }
    .footer-brand .brand-logo { width: 213.75px; height: 36px; }
}
@media (max-width: 360px) {
    .site-header .brand-logo { width: 213.75px; height: 36px; }
    .compact-story--side { grid-template-columns: minmax(0, .58fr) minmax(0, 1fr); }
    .compact-story--side :is(h2,h3) { font-size: 20px; }
    .compact-story--side .compact-story-copy { padding: 17px 13px; }
}
@media (prefers-reduced-motion: reduce) { .compact-story { transition: none; } }
@media (forced-colors: active) {
    .compact-story { border: 1px solid CanvasText; }
    .compact-art-label { background: Canvas; color: CanvasText; }
}

/* Distinct masthead and a native inline search disclosure, September 2026. */
/* Dark masthead, lighter slate reading surface: distinct without leaving the dark theme. */
:root { --paper: #20293b; --muted: #bcc7da; --line: #45516a; --panel: #273248; --panel-raised: #303d55; }
body { background: var(--paper); }
.site-header-band { background: #080c15; border-bottom: 1px solid #4b4669; box-shadow: 0 5px 20px #00000026; }
.compact-story { background: var(--panel); border-color: var(--line); }
.compact-home .empty-note { background: #273248; border: 1px solid #4b5873; border-radius: 10px; padding: clamp(28px, 5vw, 60px); }
.compact-home .empty-note h2 { font-size: clamp(25px, 3vw, 36px); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 12px; }
.compact-home .empty-note p { max-width: 540px; margin: 0; font-size: 14px; line-height: 1.8; }
.site-footer { background: #111827; margin-top: 28px; }
.site-header-band .site-header { border-bottom: 0; height: 88px; gap: 24px; }
.site-header-band .brand-descriptor { color: #bdc7df; border-color: #48516b; }
.header-tools { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.header-search { position: relative; }
.header-search>summary { display: grid; place-items: center; list-style: none; cursor: pointer; width: 42px; height: 42px; border: 0; border-radius: 6px; color: #f0eeff; }
.header-search>summary::-webkit-details-marker { display: none; }
.header-search>summary::marker { content: ''; }
.header-search>summary:hover, .header-search[open]>summary { background: #b9a7ff1c; color: #cfbfff; }
.header-search>summary .ui-icon { width: 21px; height: 21px; }
.header-search-panel { position: absolute; top: calc(100% + 14px); right: 0; width: 350px; max-width: calc(100vw - 32px); padding: 10px; background: #202940; border: 1px solid #616181; border-radius: 8px; box-shadow: 0 12px 30px #0006; z-index: 30; }
.header-search:not([open]) .header-search-panel { display: none; }
.header-search-panel form { display: flex; align-items: stretch; gap: 6px; }
.header-search-panel input { flex: 1; min-width: 0; width: 0; height: 44px; padding: 10px 12px; font-size: 16px; color: #fff; border: 1px solid #636e8a; border-radius: 5px; background: #101725; }
.header-search-panel input::placeholder { color: #aeb9ce; opacity: 1; }
.header-search-panel button { flex-shrink: 0; width: 44px; min-height: 44px; border: 0; border-radius: 5px; background: #b9a7ff; color: #171223; display: grid; place-items: center; }
.header-search-panel button:hover { background: #cebeff; }
.compact-home { padding-top: 30px; }
@media (max-width: 720px) {
    .site-header-band .site-header { height: auto; min-height: 80px; gap: 8px; }
    .site-header-band .header-tools { margin-left: auto; gap: 4px; }
    .site-header-band .site-header nav { order: 3; width: 100%; flex-basis: 100%; }
    .site-header-band .site-header.nav-ready.is-menu-open nav { justify-content: flex-start; padding-block: 13px 7px; }
    .header-search { position: static; }
    .header-search-panel { top: 100%; right: 0; width: min(350px,100%); }
    .header-search>summary, .header-tools .menu-toggle { width: 38px; height: 40px; }
    .header-tools .menu-toggle { border: 0; background: transparent; }
    .site-header .brand-logo { width: 220px; height: auto; }
    .compact-home { padding-top: 24px; }
}
@media (max-width: 420px) { .site-header .brand-logo { width: 205px; } }
@media (max-width: 360px) {
    .site-header .brand-logo { width: 190px; }
    .header-search>summary, .header-tools .menu-toggle { width: 36px; }
    .site-header-band .site-header { gap: 5px; }
}
@media (forced-colors: active) {
    .site-header-band { border-bottom: 1px solid CanvasText; }
    .compact-home .empty-note { background: Canvas; border-color: CanvasText; }
    .header-search-panel { background: Canvas; border-color: CanvasText; }
}


/* magazine.css */
/* Navigation and content-led homepage. Article bodies stay unchanged. */
.site-header-band .brand-descriptor{display:none}
.site-header-band .site-header nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.site-header-band .current-menu-item>a{color:var(--lime);box-shadow:inset 0 -2px var(--lime)}
.site-header-band .site-header ul{gap:27px}
.magazine-home .compact-section-heading>a{font-size:12px;color:var(--violet);min-height:44px;display:flex;align-items:center}
.magazine-home .compact-featured{padding-bottom:12px}
.home-channel,.home-franchises{padding:36px 0 40px;border-top:1px solid var(--line);margin-top:24px}
.channel-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}
.channel-heading h2{font-size:30px;margin:0 0 10px;font-weight:750;letter-spacing:-.03em}
.channel-heading h2:before{content:'';display:inline-block;width:5px;height:24px;background:var(--violet);margin-right:12px;vertical-align:-2px}
.channel-games .channel-heading h2:before{background:var(--lime)}
.channel-movies-tv .channel-heading h2:before{background:#efb586}
.channel-heading p{font-size:14px;line-height:1.7;margin:0;max-width:720px}
.channel-heading>a{flex-shrink:0;font-size:13px;color:var(--violet);min-height:44px;display:flex;align-items:center}
.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.magazine-card{position:relative;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.magazine-card:hover,.magazine-card:focus-within{border-color:var(--violet)}
.magazine-card-art{aspect-ratio:16/9;overflow:hidden;background:#111827}
.magazine-card-art img{display:block;width:100%;height:100%;object-fit:cover}
.magazine-card-copy{padding:22px}
.magazine-card .eyebrow{font-size:10px;margin:0 0 10px;color:var(--violet)}
.magazine-card h3{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.025em;margin-bottom:13px}
.magazine-card h3 a:after{content:'';position:absolute;inset:0;z-index:1}
.magazine-card h3 a:focus-visible{outline:0}
.magazine-card h3 a:focus-visible:after{outline:3px solid var(--lime);outline-offset:-4px;border-radius:9px}
.magazine-deck{font-size:13px;line-height:1.75;margin-bottom:17px}
.magazine-read{color:var(--lime);font-size:12px}
.home-more-stories{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.home-more-stories li{border-bottom:1px solid var(--line);min-width:0}
.home-more-stories a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;font-size:15px;line-height:1.6;padding:13px 0}
.home-more-stories a span{color:var(--violet);flex-shrink:0}
.franchise-chips{display:flex;flex-wrap:wrap;gap:12px}
.franchise-chips a{border:1px solid var(--line);border-radius:7px;padding:10px 14px;display:flex;align-items:center;gap:15px;min-height:44px;background:var(--panel);font-size:14px}
.franchise-chips a:hover{border-color:var(--violet)}
.franchise-chips span{color:var(--violet);font-size:12px}
.catalog-count{color:var(--violet);font-size:13px;margin:0 0 22px}
.channel-directory,.franchise-directory{padding-bottom:40px}
.catalog-next{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}
.catalog-next h2{font-size:25px;margin-bottom:12px}
.catalog-next p{font-size:15px}
.catalog-next a{color:var(--lime)}
.franchise-jumps{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:28px}
.franchise-jumps a{border:1px solid var(--line);border-radius:6px;min-width:44px;min-height:44px;display:grid;place-items:center;font-weight:650}
.franchise-letter{border-top:1px solid var(--line);padding:28px 0;scroll-margin-top:24px}
.franchise-letter>h2{font-size:30px;color:var(--violet);margin-bottom:20px}
.franchise-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.franchise-group{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--panel);scroll-margin-top:24px}
.franchise-group:target{border-color:var(--lime)}
.franchise-group h3{font-size:25px;margin-bottom:10px}
.franchise-formats{font-size:12px;color:var(--violet);margin-bottom:15px}
.franchise-group ul{list-style:none;padding:0;margin:0}
.franchise-group li+li{border-top:1px solid var(--line)}
.franchise-group li a{display:block;font-size:15px;line-height:1.65;padding:12px 0;min-height:44px}
.franchise-group li:last-child a{padding-bottom:0}
@media(max-width:1000px){.site-header-band .site-header{gap:18px}.site-header-band .site-header ul{gap:19px}.site-header-band .brand-logo{width:240px;height:auto}.magazine-grid{gap:18px}.magazine-card-copy{padding:18px}.magazine-card h3{font-size:20px}}
@media(min-width:721px) and (max-width:880px){.site-header-band .brand-logo{width:205px}.site-header-band .site-header ul{gap:16px}.site-header-band .site-header nav{font-size:12px}.site-header-band .site-header{gap:14px}}
@media(max-width:720px){
 .site-header-band .site-header{gap:8px}.site-header-band .site-header nav ul{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
 .site-header-band .site-header nav a{font-size:14px}.site-header-band .current-menu-item>a{box-shadow:none}
 .site-header-band .brand-logo{width:205px}.magazine-grid{grid-template-columns:1fr;gap:16px}
 .magazine-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.magazine-card-art{aspect-ratio:auto;min-height:160px}
 .magazine-card-copy{padding:17px 15px}.magazine-card h3{font-size:19px;line-height:1.3;margin-bottom:12px}.magazine-deck{display:none}
 .magazine-card .eyebrow{font-size:9px}.magazine-read{font-size:11px}
 .home-channel,.home-franchises{padding:27px 0 25px;margin-top:22px}.channel-heading{flex-direction:column;gap:6px;margin-bottom:18px}.channel-heading h2{font-size:28px}.channel-heading p{font-size:13px}.channel-heading>a{font-size:12px}
 .home-more-stories{grid-template-columns:1fr;margin-top:18px}.home-more-stories a{font-size:14px;min-height:66px}
 .franchise-chips{gap:9px}.franchise-chips a{font-size:12px;padding:9px 11px}.franchise-groups{grid-template-columns:1fr}.franchise-group{padding:22px}.franchise-group h3{font-size:23px}
}
@media(max-width:360px){.site-header-band .brand-logo{width:185px}.magazine-card{grid-template-columns:92px minmax(0,1fr)}.magazine-card h3{font-size:18px}.magazine-card-copy{padding:16px 12px}}


/* author-franchise.css */
/* User-approved bylines and an accessible, populated franchise disclosure. */
.site-header-band{position:relative;z-index:40}
.site-header .franchise-nav{position:relative}
.site-header .franchise-nav-shell{display:flex;align-items:center;position:relative;gap:0}
.site-header .franchise-parent{display:flex;align-items:center;min-height:44px}
.site-header .franchise-nav-shell .franchise-nav>summary{justify-content:center;min-width:44px}
.site-header .franchise-nav>summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;list-style:none;white-space:nowrap;font-weight:600;border-radius:5px}
.site-header .franchise-nav>summary::-webkit-details-marker{display:none}
.site-header .franchise-nav>summary::marker{content:''}
.franchise-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.franchise-nav[open]>summary .franchise-chevron{transform:translateY(2px) rotate(225deg)}
.site-header .franchise-nav[open]>summary{color:#d6ff74}
.site-header .franchise-nav>summary:focus-visible{outline:3px solid #d6ff74;outline-offset:4px}
.site-header .franchise-panel{position:absolute;top:calc(100% + 13px);right:0;width:300px;max-width:calc(100vw - 32px);background:#101725;border:1px solid #566078;border-radius:9px;box-shadow:0 18px 36px #0007;overflow:hidden;z-index:45}
.site-header .franchise-nav:not([open])>.franchise-panel{display:none}
.site-header-band .site-header .franchise-links{display:block;list-style:none;padding:9px;margin:0;max-height:min(60vh,500px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777394 #101725}
.site-header-band .site-header .franchise-links li{margin:0;padding:0;width:100%}
.site-header-band .site-header .franchise-links .franchise-name{display:flex;width:100%;min-height:44px;padding:9px 14px;font-size:14px;line-height:1.45;font-weight:500;white-space:normal;border-radius:5px;color:#f0eef8;box-shadow:none}
.site-header-band .site-header .franchise-links span.franchise-name{cursor:default}
.site-header-band .site-header .franchise-links a:hover,.site-header-band .site-header .franchise-links a:focus-visible{background:#28334a;color:#d6ff74;text-decoration:none;outline:2px solid #b6a0ff;outline-offset:-2px}
.site-header-band .site-header a.franchise-all{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;padding:12px 21px;border-top:1px solid #46516a;font-size:12px;color:#d0c0ff;font-weight:600;box-shadow:none}
.sr-byline{color:inherit;font-weight:400;white-space:nowrap}
.sr-author-name{font-weight:650}
.story-meta>.sr-byline{color:#dbd0f6}
.sr-home .srh-meta{flex-wrap:wrap;gap:6px 12px}
.sr-home .srh-meta>.srh-meta-line{display:flex;align-items:center;gap:5px 8px;flex-wrap:wrap;color:#bcc7da;font-size:11px;line-height:1.6}
.sr-home .srh-story--row .srh-meta>.srh-meta-line,.sr-home .srh-story--side .srh-meta>.srh-meta-line{font-size:10px}
.srh-meta-line>.sr-byline{color:#d9d0ed}
.card-byline-date{display:flex;flex-wrap:wrap;gap:5px 8px;font-size:11px;color:var(--muted)}
.card-byline-date .sr-author-name{color:#d9d0ed}
@media(max-width:720px){
 .site-header .franchise-nav-shell{flex-wrap:wrap}
 .site-header .franchise-nav-shell .franchise-nav{position:static}
 .site-header .franchise-nav-shell:has(.franchise-nav[open]){padding-bottom:0}
 .site-header .franchise-nav-shell .franchise-nav[open]{display:contents}
 .site-header .franchise-nav-shell .franchise-nav[open]>.franchise-panel{flex:0 0 100%;order:3}
 .site-header-band .site-header nav>div>ul>li:has(.franchise-nav[open]),.site-header-band .site-header nav>ul>li:has(.franchise-nav[open]){grid-column:1 / -1}
 .site-header .franchise-nav>summary{font-size:14px;justify-content:flex-start}
 .site-header .franchise-panel{position:static;width:100%;max-width:100%;margin:8px 0 0;box-shadow:none;border-color:#48546e}
 .site-header-band .site-header .franchise-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px;gap:0 5px;padding:8px}
 .site-header-band .site-header .franchise-links .franchise-name{font-size:13px;padding:10px;min-height:48px}
 .site-header-band .site-header a.franchise-all{padding:12px 18px;min-height:48px}
 .sr-home .srh-meta>.srh-meta-line{font-size:10px;gap:4px 7px}
}
@media(max-width:380px){.site-header-band .site-header .franchise-links{grid-template-columns:1fr}.card-byline-date{font-size:10px}}
@media(forced-colors:active){.site-header .franchise-panel{background:Canvas;border-color:CanvasText}.site-header-band .site-header .franchise-links a{color:LinkText}.site-header .franchise-nav>summary{color:CanvasText}.sr-byline,.sr-author-name{color:CanvasText}}


/* header-masthead.css */
/* Entertainment masthead and footer. Native disclosures, no clipped franchise menu. */
.site-header-band.sr-masthead{position:relative;background:#090a10;border:0;border-bottom:1px solid #33313f;box-shadow:none;isolation:isolate}
.site-header-band.sr-masthead::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a791ff 0 33.33%,#d6ff74 33.33% 66.66%,#ffbc89 66.66%);pointer-events:none}
.site-header-band.sr-masthead::after{display:none}
.sr-masthead .site-header{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr) 44px;align-items:center;gap:32px;width:calc(100% - 64px);max-width:1280px;min-height:100px;height:auto;padding:0;border:0}
.sr-masthead .site-header>.brand{min-height:52px;max-width:100%;margin:0}
.sr-masthead .site-header .brand-logo{width:280px;height:auto;max-width:100%;filter:brightness(1.08) saturate(1.12) drop-shadow(0 0 8px #b99aff55)}
.sr-masthead .site-header #main-nav{display:flex;align-items:center;justify-content:flex-end;min-width:0;margin:0;padding:0;border:0;order:initial}
.sr-masthead .site-header #main-nav>ul{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;list-style:none;margin:0;padding:0}
.sr-masthead .site-header #main-nav>ul>li{position:static;display:block;margin:0;min-width:0}
.sr-masthead .site-header #main-nav>ul>li>a,.sr-masthead .site-header .franchise-parent{display:flex;position:relative;align-items:center;justify-content:center;min-height:50px;padding:0 14px;color:#f5f3fb;font-size:13px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none;box-shadow:none;transition:color .15s}
.sr-masthead .site-header #main-nav>ul>li>a::after,.sr-masthead .franchise-parent::after{content:'';position:absolute;left:14px;right:14px;bottom:5px;height:2px;background:#bba8ff;transform:scaleX(0);transform-origin:left;transition:transform .15s}
.sr-masthead #main-nav>ul>li:nth-child(2)>a::after{background:#d6ff74}
.sr-masthead #main-nav>ul>li:nth-child(3)>a::after{background:#ffbc89}
.sr-masthead .site-header #main-nav>ul>li>a:hover,.sr-masthead .site-header .franchise-parent:hover{color:#c9baff;background:transparent}
.sr-masthead #main-nav>ul>li>a:hover::after,.sr-masthead #main-nav>ul>.current-menu-item>a::after,.sr-masthead .franchise-parent:hover::after,.sr-masthead #main-nav>.menu>.current-menu-item .franchise-parent::after,.sr-masthead #main-nav>.menu>.current-menu-ancestor .franchise-parent::after{transform:scaleX(1)}
.sr-masthead .site-header .franchise-nav-shell{position:static;display:flex;align-items:center}
.sr-masthead .site-header .franchise-parent{padding-right:0}
.sr-masthead .site-header .franchise-nav{position:static}
.sr-masthead .site-header .franchise-nav>summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:50px;color:#c0b3d7;border-radius:0}
.sr-masthead .site-header .franchise-nav[open]>summary{color:#d6ff74}
.sr-masthead .site-header .franchise-panel{position:absolute;top:100%;right:0;width:720px;max-width:100%;margin:0;border:1px solid #484351;border-top:3px solid #bba8ff;border-radius:0 0 8px 8px;background:#13131e;box-shadow:0 20px 45px #0008;overflow:visible;z-index:45}
.site-header-band.sr-masthead .site-header .franchise-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;padding:20px;max-height:none;height:auto;overflow:visible;background:transparent}
.site-header-band.sr-masthead .site-header .franchise-links li{min-width:0;border-bottom:1px solid #ffffff0c}
.site-header-band.sr-masthead .site-header .franchise-links .franchise-name{min-height:48px;align-items:center;padding:11px 12px;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:#ebe6f6}
.sr-masthead .site-header .header-tools{display:flex;align-items:center;justify-self:end;gap:8px;margin:0;padding:0;border:0}
.sr-masthead .header-search{position:relative}
.sr-masthead .header-search>summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid #524866;border-radius:50%;background:#b49bff12;color:#ddceff;box-shadow:none;transition:background-color .15s,color .15s}
.sr-masthead .header-search>summary:hover,.sr-masthead .header-search[open]>summary{background:#c4afff;color:#18121f;border-color:#c4afff}
.sr-masthead .header-search-panel{top:calc(100% + 12px);right:0;width:350px;max-width:calc(100vw - 32px);background:#151520;border:1px solid #635677;border-radius:8px;padding:12px;z-index:46}
.sr-masthead .header-search-panel input{background:#090b13;border-color:#51465e}
.sr-masthead .site-header :is(a,summary,button):focus-visible{outline:3px solid #d6ff74;outline-offset:3px}
.sr-site-footer{position:relative;margin-top:36px;background:#090a10;border-top:1px solid #39333f;color:#f3effb}
.sr-site-footer::before{content:'';position:absolute;top:-1px;left:0;width:27%;height:3px;background:#b9a0ff}
.sr-site-footer .sr-footer-inner{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);column-gap:72px;max-width:1280px;width:calc(100% - 64px);padding:54px 0 0}
.sr-site-footer .footer-brand .brand-logo{width:270px;height:auto;max-width:100%}
.sr-footer-identity>p{font-size:16px;line-height:1.6;color:#e0d9ec;margin:17px 0 6px}
.sr-footer-identity>.sr-footer-description{font-size:13px;line-height:1.7;max-width:350px;color:#a5a0b4;margin:0}
.sr-footer-genres{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px;font-size:10px;font-weight:750;letter-spacing:.09em}
.sr-footer-genres span{color:#c2a8ff}.sr-footer-genres span:nth-child(2){color:#d6ff74}.sr-footer-genres span:nth-child(3){color:#ffbc89}
.sr-footer-nav h2{font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin:6px 0 12px;color:#f4f0fb}
.sr-footer-nav ul{list-style:none;margin:0;padding:0}
.sr-footer-nav a{display:flex;align-items:center;width:fit-content;min-height:44px;font-size:14px;color:#bbb4cc;text-decoration:none}
.sr-footer-nav a:hover,.sr-footer-base a:hover{color:#d6ff74}
.sr-footer-base{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:42px;border-top:1px solid #302b3b;padding:17px 0;font-size:11px;color:#9d96ab}
.sr-footer-base>div{display:flex;gap:20px;flex-wrap:wrap}
.sr-footer-base a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#c8bfd7}
.sr-site-footer a:focus-visible{outline:3px solid #d6ff74;outline-offset:4px}
@media(min-width:721px) and (max-width:1060px){
 .sr-masthead .site-header{grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:74px 54px;gap:0}
 .sr-masthead .site-header>.brand{grid-area:1 / 1}.sr-masthead .site-header .brand-logo{width:250px}
 .sr-masthead .site-header #main-nav{grid-area:2 / 1 / 3 / -1;justify-content:flex-start;border-top:1px solid #ffffff15}
 .sr-masthead .site-header .header-tools{grid-area:1 / 2}
}
@media(max-width:720px){
 .sr-masthead .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:76px auto;gap:0;width:calc(100% - 32px);min-height:76px;padding:0}
 .sr-masthead .site-header>.brand{grid-area:1 / 1;min-height:44px;margin-right:18px}
 .sr-masthead .site-header .brand-logo{width:240px;max-width:100%;height:auto}
 .sr-masthead .site-header .header-tools{grid-area:1 / 2;gap:6px}
 /* Match the enhanced layout before deferred handlers run; no-JS keeps native navigation. */
 .sr-js .sr-masthead .site-header .header-tools{width:94px}
 .sr-js .sr-masthead .site-header:not(.is-menu-open) #main-nav{display:none}
 .sr-masthead .header-tools .menu-toggle{display:none;width:44px;height:44px;border:1px solid #524866;border-radius:50%;background:transparent;color:#e8dfff;margin:0;padding:0}
 .sr-masthead .site-header.nav-ready .menu-toggle{display:grid}
 .sr-masthead .site-header #main-nav{grid-area:2 / 1 / 3 / -1;justify-content:flex-start;width:100%;margin:0;padding:12px 0 20px;border-top:1px solid #ffffff20}
 .sr-masthead .site-header.nav-ready #main-nav{display:none}
 .sr-masthead .site-header.nav-ready.is-menu-open #main-nav{display:flex}
 .sr-masthead .site-header #main-nav>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%}
 .sr-masthead .site-header #main-nav>ul>li>a,.sr-masthead .site-header .franchise-parent{justify-content:flex-start;min-height:48px;padding:0 10px;font-size:13px}
 .sr-masthead .site-header .franchise-parent{padding-right:0}
 .sr-masthead .site-header #main-nav>ul>li:has(.franchise-nav){grid-column:1 / -1}
 .sr-masthead .site-header .franchise-nav-shell{display:block;position:relative;width:100%}
 .sr-masthead .site-header .franchise-parent{position:absolute;top:0;left:0}
 .sr-masthead .site-header .franchise-nav-shell .franchise-nav,.sr-masthead .site-header .franchise-nav-shell .franchise-nav[open]{display:block;width:100%}
 .sr-masthead .site-header .franchise-nav>summary{min-height:48px;width:44px;margin-left:118px}
 .sr-masthead .site-header .franchise-panel{position:static;flex:0 0 100%;width:100%;border-radius:4px;margin:7px 0 0;box-shadow:none}
 .site-header-band.sr-masthead .site-header .franchise-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:10px;max-height:none;overflow:visible}
 .site-header-band.sr-masthead .site-header .franchise-links .franchise-name{font-size:13px;min-height:48px;padding:9px 7px}
 .sr-masthead .header-search{position:static}.sr-masthead .header-search-panel{top:calc(100% - 1px);right:0;width:100%;max-width:100%}
 .sr-site-footer .sr-footer-inner{grid-template-columns:1fr 1fr;gap:30px 24px;width:calc(100% - 32px);padding-top:36px}
 .sr-footer-identity{grid-column:1 / -1}.sr-site-footer .footer-brand .brand-logo{width:240px}
 .sr-footer-identity>p{font-size:15px}.sr-footer-genres{margin-top:18px}
 .sr-footer-base{margin-top:0;gap:0 18px;justify-content:flex-start;padding:14px 0 20px}
 .sr-footer-base>span:last-child{flex:0 0 100%}
}
@media(max-width:360px){.sr-masthead .site-header>.brand{margin-right:10px}.sr-masthead .site-header .header-tools{gap:4px}.sr-masthead .site-header #main-nav>ul>li>a,.sr-masthead .site-header .franchise-parent{font-size:12px}}
@media(max-width:360px){.sr-js .sr-masthead .site-header .header-tools{width:92px}}
@media(prefers-reduced-motion:reduce){.sr-masthead *,.sr-masthead *::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.sr-masthead .site-header .brand-logo{filter:none}}
@media(forced-colors:active){.site-header-band.sr-masthead,.sr-site-footer{background:Canvas;border-color:CanvasText}.sr-masthead .franchise-panel,.sr-masthead .header-search-panel{background:Canvas;border:1px solid CanvasText}.sr-masthead .site-header :is(a,summary,.franchise-name),.sr-site-footer :is(a,p,span,h2){color:CanvasText!important}.sr-masthead .header-search>summary{border:1px solid ButtonText}}