/* GameThrum 1.8 interface system: guide-led home, compact navigation, grouped footer. */
.latest-guide-hero{position:relative;overflow:hidden;padding:clamp(.35rem,1vw,.7rem) 0 clamp(1.25rem,2.5vw,2rem);border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 4%,#62dce516,transparent 28rem),linear-gradient(180deg,#10151d,#080a0e)}
.latest-guide-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#ffffff08 50%,transparent 50.1%);background-size:5rem 100%;opacity:.35}
.latest-guide-hero-inner{position:relative;z-index:1}
.latest-guide-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(7.75rem,9vw,9.75rem);gap:.35rem}
.hero-guide-card{position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff20;background:#151b24}
.hero-guide-card--lead{grid-column:span 8;grid-row:span 2}
.hero-guide-card--supporting{grid-column:span 4}
.hero-guide-card:nth-child(n+4){grid-column:span 3}
.latest-guide-grid--seven .hero-guide-card:nth-child(n+4){grid-column:span 6}
.hero-guide-link{position:relative;display:block;width:100%;height:100%;min-height:100%;overflow:hidden;color:var(--paper);text-decoration:none;isolation:isolate}
.hero-guide-media,.hero-guide-shade{position:absolute;inset:0}
.hero-guide-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.002);transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.hero-guide-shade{z-index:1;background:linear-gradient(180deg,#080a0e08 20%,#080a0ef4 100%),linear-gradient(90deg,#080a0e85,transparent 62%)}
.hero-guide-content{position:absolute;z-index:2;inset:auto clamp(.85rem,2vw,1.4rem) clamp(.85rem,2vw,1.35rem);display:grid;gap:.55rem}
.hero-guide-meta{display:flex;align-items:center;gap:.55rem;color:#d9dce2;font:700 .64rem/1.25 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.hero-guide-meta>span{display:inline-flex;padding:.27rem .42rem;background:var(--red);color:var(--ink)}
.hero-guide-card--hub .hero-guide-meta>span{background:var(--blue)}
.hero-guide-meta time{white-space:nowrap}
.hero-guide-content h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:26ch;margin:0;font:800 clamp(.95rem,1.7vw,1.6rem)/.98 var(--display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.hero-guide-card--lead .hero-guide-content h2{max-width:25ch;font-size:clamp(1.45rem,3.2vw,3rem);line-height:.92}
.hero-guide-index{position:absolute;z-index:2;top:.65rem;right:.65rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid #ffffff55;background:#080a0eb8;color:var(--blue);font:800 .72rem var(--mono);backdrop-filter:blur(8px)}
.hero-guide-link:hover .hero-guide-media img,.hero-guide-link:focus-visible .hero-guide-media img{transform:scale(1.045);filter:saturate(1.08)}
.hero-guide-link:hover .hero-guide-content h2{color:#fff}
.hero-guide-link:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.home-hubs{background:linear-gradient(180deg,#080a0e,#0c1016)}

.site-header .header-inner{column-gap:clamp(.8rem,2vw,1.5rem)}
.primary-nav>ul{gap:.1rem}
.primary-nav a{position:relative;padding-inline:.7rem}
.primary-nav a:after{content:"";position:absolute;right:.7rem;bottom:.35rem;left:.7rem;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.primary-nav a:hover:after,.primary-nav .current-menu-item>a:after{transform:scaleX(1)}
.site-search form{box-shadow:none}
.search-submit{color:var(--ink)}

.site-footer{border-top:1px solid #ffffff18;background:linear-gradient(180deg,#07090c,#040507)}
.footer-grid{align-items:start}
.footer-brand{max-width:33rem}
.footer-brand .brand-logo{margin-bottom:1rem}
.footer-brand p{margin:.45rem 0 0;color:var(--muted)}
.footer-nav-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem)}
.footer-nav-columns h2{margin:0 0 .8rem;color:var(--blue);font:750 .68rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.footer-nav-columns ul{margin:0;padding:0;list-style:none}
.footer-nav-columns a{display:inline-flex;align-items:center;min-height:42px;text-decoration:none;font-weight:700}
.footer-nav-columns a:hover{color:var(--red)}

.hub-published-guides{grid-area:guides}
.hub-planned-coverage{grid-area:planned;min-width:0;border:1px solid var(--line);background:#0c1016}
.hub-planned-coverage>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.5rem;padding:.9rem 1rem;border-left:3px solid var(--red);cursor:pointer;list-style:none;transition:background .18s,border-color .18s}
.hub-planned-coverage>summary::-webkit-details-marker{display:none}
.hub-planned-coverage>summary:hover{background:#151b24;border-left-color:var(--blue)}
.hub-planned-coverage>summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.hub-coverage-copy{display:grid;gap:.2rem;min-width:0}
.hub-planned-coverage>summary strong{font:800 clamp(1.45rem,3vw,2.2rem)/1 var(--display);text-transform:uppercase}
.hub-planned-coverage>summary small{color:var(--muted);font:.68rem/1.4 var(--mono);text-transform:uppercase}
.hub-coverage-toggle{display:flex;align-items:center;gap:.65rem;color:var(--blue)}
.hub-coverage-action{font:750 .62rem/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.hub-coverage-action--open{display:none}
.hub-coverage-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid #62dce566;background:#62dce50a}
.hub-coverage-icon:before{content:"+";font:700 1.45rem/1 var(--display)}
.hub-coverage-preview{position:relative;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.45rem;overflow:hidden;max-height:4.6rem;margin:.15rem 0 0;padding:.75rem 3rem .1rem 0;border-top:1px solid #ffffff18;color:#c5cad3;font-size:.78rem;line-height:1.35}
.hub-coverage-preview>span{display:inline-flex;align-items:center;min-height:1.85rem;padding:.28rem .6rem;border:1px solid #f6bd4152;border-radius:999px;background:#f6bd410d;font-family:var(--mono);letter-spacing:.025em}
.hub-coverage-preview:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1.25rem;background:linear-gradient(180deg,transparent,#0c1016)}
.hub-planned-coverage[open]>summary{border-bottom:1px solid var(--line)}
.hub-planned-coverage[open] .hub-coverage-action--closed{display:none}
.hub-planned-coverage[open] .hub-coverage-action--open{display:inline}
.hub-planned-coverage[open] .hub-coverage-icon:before{content:"−"}
.hub-planned-coverage[open] .hub-coverage-preview{display:none}
.hub-planned-coverage .hub-toc{margin:1rem;border-left-color:var(--red)}
.hub-planned-coverage .hub-guide-content{padding:clamp(1rem,3vw,2rem)}

.home-guide-hubs{background:linear-gradient(180deg,#0d1117,#080a0e)}
.home-guide-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.25rem)}
.home-guide-hub{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-top:3px solid var(--red);background:linear-gradient(150deg,#171c24,#0c1016);box-shadow:0 20px 50px #0003}
.home-guide-hub-heading{padding:1rem 1rem .9rem;border-bottom:1px solid var(--line)}
.home-guide-hub-heading .eyebrow{margin-bottom:.35rem;color:var(--blue)}
.home-guide-hub-heading h3{margin:0;font:800 clamp(1.55rem,2.4vw,2.25rem)/.95 var(--display);text-transform:uppercase}
.home-guide-hub-heading h3 a{text-decoration:none}
.home-guide-lead{display:grid;flex:1;grid-template-rows:auto 1fr;color:var(--paper);text-decoration:none}
.home-guide-lead-media{display:block;overflow:hidden;aspect-ratio:16/9;background:#1b2029}
.home-guide-lead-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.home-guide-lead:hover .home-guide-lead-media img,.home-guide-lead:focus-visible .home-guide-lead-media img{transform:scale(1.035)}
.home-guide-lead-copy{display:grid;align-content:start;gap:.45rem;padding:1rem}
.home-guide-lead-copy time,.home-guide-child-list time{color:var(--muted);font:650 .64rem/1.3 var(--mono);letter-spacing:.035em;text-transform:uppercase}
.home-guide-lead-copy h4{margin:0;font:800 clamp(1.45rem,2.25vw,2rem)/1 var(--display);text-transform:uppercase}
.home-guide-lead-copy>span:last-child{margin-top:.25rem;color:var(--red);font:750 .68rem var(--mono);text-transform:uppercase}
.home-guide-child-list{margin:0;padding:0 1rem;list-style:none;border-top:1px solid var(--line)}
.home-guide-child-list li+li{border-top:1px solid #ffffff12}
.home-guide-child-list a{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:5.8rem;padding:.7rem 0;text-decoration:none}
.home-guide-child-media{display:block;overflow:hidden;aspect-ratio:16/10;background:#1b2029}
.home-guide-child-media img{width:100%;height:100%;object-fit:cover}
.home-guide-child-list strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:.2rem;line-height:1.25}
.home-guide-child-list a>span:last-child{color:var(--blue)}
.home-guide-hub-empty{display:flex;align-items:center;min-height:13rem;padding:1.25rem;color:var(--muted);text-decoration:none}
.home-guide-hub>footer{margin-top:auto;padding:.65rem 1rem;border-top:1px solid var(--line)}
.home-guide-hub>footer a{display:flex;align-items:center;min-height:42px;color:var(--blue);text-decoration:none;font:750 .66rem/1.3 var(--mono);text-transform:uppercase}
.home-site-context{padding-block:clamp(2rem,4.5vw,3.75rem);border-bottom:1px solid #080a0e33;background:var(--paper);color:var(--ink)}
.home-site-context .eyebrow{color:#805500}
.home-site-context-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.home-site-context h2{max-width:15ch;margin:0;font:800 clamp(1.8rem,3.4vw,3rem)/.92 var(--display);text-transform:uppercase}
.home-site-context p{max-width:66ch;margin:0 0 .75rem;font-size:clamp(.94rem,.9rem + .2vw,1.06rem);line-height:1.65}
.home-site-context-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:31rem;margin-top:1rem}
.home-site-context-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:46px;padding:.65rem .85rem;border:1px solid #080a0e66;color:var(--ink);text-decoration:none;font:800 .68rem var(--mono);text-transform:uppercase;transition:background .18s,color .18s,border-color .18s}
.home-site-context-links a:first-child{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.home-site-context-links a:hover,.home-site-context-links a:focus-visible{border-color:var(--ink);background:#805500;color:var(--paper);outline:0}

@media(min-width:48rem){
 .site-header .header-inner{grid-template-columns:auto minmax(19rem,1fr) minmax(16rem,22rem)}
 .footer-grid{grid-template-columns:minmax(17rem,.9fr) minmax(28rem,1.5fr)}
 .hub-layout{grid-template-areas:"featured aside" "lead aside" "intro aside" "guides aside" "trailer aside" "planned aside" "timeline aside" "author aside" "comments aside"}
}
@media(max-width:63.99rem){
 .home-guide-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .latest-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:14.5rem repeat(3,9rem);grid-auto-rows:9rem}
 .hero-guide-card--lead{grid-column:span 2;grid-row:span 1;min-height:0}
 .hero-guide-card--supporting,.hero-guide-card:nth-child(n+4){grid-column:span 1}
 .latest-guide-grid--seven .hero-guide-card:nth-child(n+4){grid-column:span 1}
 .hero-guide-card--lead .hero-guide-content h2{font-size:clamp(1.45rem,4.5vw,2.5rem)}
}
@media(max-width:47.99rem){
 .site-header .header-inner{gap:.4rem .75rem;padding-block:.4rem}
 .brand-logo{width:7rem}
 .menu-toggle{width:2.75rem;height:2.75rem}
 .site-search form{min-height:2.75rem}
 .site-search input{height:2.7rem;padding-block:.35rem}
 .live-search-results{top:7.35rem}
 .latest-guide-hero{padding-top:.35rem}
 .latest-guide-grid{gap:.3rem;grid-template-rows:12.5rem repeat(3,8rem);grid-auto-rows:8rem}
 .hero-guide-card--lead{min-height:0}
 .hero-guide-card--supporting,.hero-guide-card:nth-child(n+4){min-height:0}
 .hero-guide-content{inset:auto .55rem .55rem;gap:.3rem}
 .hero-guide-content h2{font-size:.95rem;line-height:1;-webkit-line-clamp:3}
 .hero-guide-card--lead .hero-guide-content h2{font-size:clamp(1.35rem,6vw,2rem)}
 .hero-guide-meta{display:grid;justify-items:start;gap:.3rem;font-size:.57rem}
 .hero-guide-card:not(.hero-guide-card--lead) .hero-guide-meta time{display:none}
 .hero-guide-index{top:.45rem;right:.45rem;width:2rem;height:2rem}
 .home-guide-hub-grid,.home-site-context-grid{grid-template-columns:1fr}
 .home-guide-hub-grid{gap:1rem}
 .home-site-context-grid{gap:1.25rem}
 .home-site-context h2{font-size:clamp(1.65rem,7.8vw,2.25rem)}
 .footer-nav-columns{grid-template-columns:1fr 1fr}
 .footer-nav-columns nav:last-child{grid-column:1/-1}
 .hub-layout{grid-template-columns:1fr;grid-template-areas:"featured" "lead" "aside" "intro" "guides" "trailer" "planned" "timeline" "author" "comments"}
 .hub-planned-coverage>summary{padding:.85rem 1rem}
 .hub-planned-coverage .hub-toc{margin:.75rem}
}
@media(max-width:25rem){
 .latest-guide-grid--seven{grid-template-columns:repeat(2,minmax(0,1fr))}
 .latest-guide-grid--seven .hero-guide-card--lead{grid-column:span 2;min-height:0}
 .latest-guide-grid--seven .hero-guide-card--supporting{grid-column:span 1;min-height:0}
 .home-site-context-links{grid-template-columns:1fr}
 .footer-nav-columns{grid-template-columns:1fr}
 .footer-nav-columns nav:last-child{grid-column:auto}
}
/* 1.9.4 compact title rhythm: roughly one-third smaller across page, article, and section headings. */
.display-title{font-size:clamp(1.65rem,5.7vw,4.7rem)}
.page-title{font-size:clamp(1.7rem,4.7vw,3.75rem)}
.article-title{font-size:clamp(1.8rem,5.3vw,4.5rem)}
.article-header--boxed .article-title{font-size:clamp(1.45rem,3.2vw,2.55rem)}
.team-hero h1{font-size:clamp(2.35rem,6.7vw,5.35rem)}
.author-profile-hero h1{font-size:clamp(2.3rem,6vw,5rem)}
.page-header,.article-header{padding-block:clamp(2.25rem,5vw,4.75rem) var(--s3)}
.hub-header{padding-block:clamp(2.15rem,4.7vw,4rem) var(--s3)}
.team-hero,.author-profile-hero{padding-block:clamp(2.75rem,6.7vw,6rem)}
.section-title{font-size:clamp(1.1rem,2vw,1.8rem)}
.card-title,.post-grid--featured .card:first-child .card-title,.post-grid--hubs .card:first-child .card-title{font-size:clamp(1rem,5.3cqi,1.4rem)}
.entry-content h2{font-size:clamp(1.3rem,2.7vw,2rem)}
.entry-content h3{font-size:clamp(1.05rem,2vw,1.4rem)}
.footer-statement h2,.radar-grid h2,.official-media-heading h2,.release-state-heading h2{font-size:clamp(1.4rem,3.35vw,2.7rem)}
.method-grid h2{font-size:clamp(2rem,5.3vw,4.35rem)}
.popular-hubs h2{font-size:clamp(1.4rem,3.35vw,2.85rem)}
.hub-toc h2{font-size:clamp(1.25rem,2.7vw,1.9rem)}
.home-guide-hub-heading h3{font-size:clamp(1.1rem,1.7vw,1.55rem)}
.home-guide-lead-copy h4{font-size:clamp(1rem,1.55vw,1.4rem)}
.hub-planned-coverage>summary strong{font-size:clamp(1rem,2vw,1.5rem)}
@media(max-width:47.99rem){
 .article-header--boxed .article-title{font-size:clamp(1.35rem,6.3vw,2rem)}
}
/* Shared boxed shell: media and title stay in the content column beside the sidebar. */
.editorial-page-media{width:100%;margin:0 0 1rem;border:1px solid var(--line);background:var(--panel)}
.editorial-page-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.editorial-page-header{width:100%;margin:0 0 clamp(1.5rem,4vw,2.5rem);padding:clamp(1.25rem,3vw,2.4rem);border:1px solid var(--line);border-top:4px solid var(--red);background:linear-gradient(145deg,#171d26,#0c1016)}
.editorial-page-header .article-title{max-width:22ch;margin:.3rem 0 1rem;letter-spacing:0}
.editorial-page-header .article-meta{padding-top:1rem;border-top:1px solid var(--line);border-bottom:0}
.game-silo-article .article-layout--editorial{margin-top:clamp(1.25rem,3vw,2.5rem)}
.article-header--game{grid-area:lead;border-top-color:var(--blue);background:radial-gradient(circle at 92% 12%,#62dce514,transparent 26%),linear-gradient(145deg,#171d26,#0c1016)}
.article-header--game .eyebrow{color:var(--blue)}
.hub-author-box{grid-area:author;min-width:0}
.editorial-author-box{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1.25rem;align-items:center;margin:clamp(2rem,5vw,3.5rem) 0 0;padding:clamp(1.1rem,3vw,1.6rem);border:1px solid var(--line);border-left:4px solid var(--blue);background:linear-gradient(145deg,#151b24,#0b0f15)}
.editorial-author-mark{display:grid;place-items:center;width:4.5rem;aspect-ratio:1;border:1px solid #62dce566;border-radius:50%;color:var(--blue);font:800 1.35rem/1 var(--display);letter-spacing:.06em;box-shadow:inset 0 0 0 5px #62dce50a}
.editorial-author-copy .eyebrow{margin:0 0 .3rem;color:var(--blue)}
.editorial-author-copy h2{margin:0;font:800 clamp(1.25rem,2.5vw,1.75rem)/1 var(--display);text-transform:uppercase}
.editorial-author-copy h2 a{color:var(--text);text-decoration:none}
.editorial-author-copy>p:not(.eyebrow){margin:.65rem 0;color:var(--muted)}
.editorial-author-link{display:inline-flex;gap:.4rem;align-items:center;font-weight:800}
.article-game-card--footer{display:grid;grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);align-items:stretch;margin-top:clamp(2rem,5vw,3.5rem)}
.article-game-card--footer .article-game-card-media{height:100%;aspect-ratio:auto}
.article-game-card--footer>div{display:grid;align-content:center;padding:clamp(1rem,3vw,1.5rem)}
.article-game-card--footer .button{width:auto;max-width:13rem}
.article-game-card-slot--desktop{display:none}
@media(min-width:48rem){.article-game-card-slot--mobile{display:none}.article-game-card-slot--desktop{display:block}.article-game-card-slot--desktop .article-game-card--footer{display:block;margin:0}.article-game-card-slot--desktop .article-game-card-media{height:auto;aspect-ratio:16/10}.article-game-card-slot--desktop .button{width:100%;max-width:none}}
@media(max-width:47.99rem){
 .editorial-page-header{padding:1rem}
 .editorial-page-header .breadcrumb{overflow:visible}
 .editorial-page-header .breadcrumb ol{width:auto;flex-wrap:wrap}
 .editorial-author-box{grid-template-columns:3.5rem minmax(0,1fr);gap:.9rem;padding:1rem}
 .editorial-author-mark{width:3.5rem;font-size:1.05rem}
 .article-game-card--footer{grid-template-columns:1fr}
 .article-game-card--footer .article-game-card-media{aspect-ratio:16/9}
 .hub-planned-coverage>summary{grid-template-columns:1fr;gap:.7rem;padding:.85rem}
 .hub-coverage-toggle{justify-content:space-between;padding-top:.65rem;border-top:1px solid #ffffff18}
 .hub-coverage-preview{padding-right:0;font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){.hero-guide-media img{transition:none}}