:root{--bg:#171514;--surface:#201f1a;--ink:#ede9e4;--muted:#bbb9ab;--line:#444338;--accent:#c5fb31;--dark:#12130e;--display:'Sofia Sans Extra Condensed','Impact',sans-serif;--body:'Barlow',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:.005em}button{color:inherit}h1{font-size:clamp(60px,7vw,100px);text-transform:uppercase;font-style:italic}h2{font-size:clamp(36px,4vw,55px)}h3{font-size:34px}p{margin-bottom:20px}::selection{background:var(--accent);color:var(--dark)}[hidden]{display:none!important}.wrap{width:min(1264px,calc(100% - 96px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:30}.header-inner{height:105px;width:min(1344px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;flex-shrink:0}.wordmark{font:italic 800 43px/.95 var(--display);letter-spacing:-.02em}.brand-tag{display:inline-block;margin-left:9px;padding:3px 6px;background:var(--accent);color:var(--dark);font-size:23px;vertical-align:middle;font-style:normal;transform:rotate(-4deg)}.brand-sub{font:600 9px/1 var(--body);letter-spacing:.18em;margin-top:9px;color:var(--muted)}.desktop-nav{display:flex;gap:32px;font-size:15px;font-weight:600}.desktop-nav a[aria-current]{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent);color:var(--dark);font:800 23px/1 var(--display);padding:18px 26px;min-height:54px;border:1px solid var(--accent);text-transform:uppercase;transform:skew(-6deg)}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--dark)}.steam-button{font-size:23px;padding:14px 22px;gap:7px;min-height:48px}.menu-toggle{display:none;border:1px solid var(--line);background:none;padding:8px 12px;min-height:44px}.mobile-nav{padding:12px 24px 22px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.14em;font-weight:600;margin-bottom:20px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);margin:0 10px 1px 0;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 300px;gap:56px;padding:78px 0 65px}.hero h1{font-size:clamp(66px,6.8vw,102px);letter-spacing:-.01em;margin-bottom:25px;line-height:.9}.hero h1 span{color:var(--accent)}.hero-description{font-size:18px;color:var(--muted);max-width:640px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin:29px 0 29px}.text-link{font-size:15px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:6px;white-space:nowrap}.hero-meta{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:0}.hero-note{background:var(--accent);color:var(--dark);padding:23px 25px 0;transform:rotate(2deg);align-self:start;margin-top:8px;box-shadow:7px 7px 0 #393b29}.note-label{font-size:8px;font-weight:600;letter-spacing:.075em;display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #899e35}.hero-note .giant{font:800 108px/.9 var(--display);letter-spacing:-.03em;margin:16px 0 8px}.giant span{font-size:27px;letter-spacing:0;margin-left:12px;vertical-align:middle}.hero-note h2{font-size:38px;font-style:italic;margin-bottom:12px;line-height:.9}.hero-note p:not(.giant){font-size:13px;line-height:1.5;margin-bottom:16px}.hero-note a{font:800 21px var(--display);display:flex;justify-content:space-between;border-top:1px solid #899e35;padding:11px 0;color:var(--dark)}.hero-note a:hover{color:#343b15}.ticker{background:var(--ink);color:var(--bg);overflow:hidden;transform:rotate(-1deg);padding:8px 0;font:italic 800 25px var(--display);white-space:nowrap;letter-spacing:.02em}.ticker div{width:max-content;word-spacing:5px}.ticker span{padding:0 24px;color:#747569}.quick-section{padding-top:49px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-answer{display:flex;gap:18px;padding:25px 22px 25px 0;align-items:center;min-width:0}.quick-answer+.quick-answer{border-left:1px solid var(--line);padding-left:25px}.number{font:700 19px var(--display);color:var(--muted);align-self:flex-start;padding-top:4px}.quick-answer h3{font:800 25px var(--display);margin-bottom:2px}.quick-answer p{font-size:12px;margin:0;color:var(--muted)}.arrow{margin-left:auto;font-size:24px;flex-shrink:0;color:var(--accent)}.guide-section{padding:77px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading .eyebrow{color:var(--accent);margin-bottom:10px}.section-heading h2{font-style:italic;margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{display:flex;flex-direction:column;min-height:295px;height:100%;padding:24px;border:1px solid var(--line);background:var(--surface);transition:border-color .15s,transform .15s}.guide-card:hover{border-color:var(--accent);transform:translateY(-3px);color:var(--ink)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}.card-top .arrow{font-size:23px}.guide-card h3{font-size:32px;line-height:1.02;max-width:290px;margin-bottom:15px}.guide-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:25px}.read-link{font-size:10px;letter-spacing:.1em;font-weight:600;margin-top:auto;color:var(--accent);display:flex;justify-content:space-between}.reality-strip{border-top:1px solid var(--line);padding:53px 0 66px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.reality-strip h2{font-style:italic;font-size:48px;margin-bottom:0}.reality-strip>div+div{padding-top:9px;color:var(--muted);font-size:16px}.availability{font-size:13px;margin:27px 0 0}.availability a{color:var(--accent)}footer{padding:42px max(36px,calc((100% - 1264px)/2));background:#10110d;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}.footer-brand{font:italic 800 37px var(--display)}.footer-brand span{color:var(--accent)}.footer-top>p{font:800 26px/1.05 var(--display);color:var(--muted)}.footer-top>div{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;justify-content:flex-end}.footer-bottom{display:flex;justify-content:space-between;gap:32px;padding-top:24px;margin-top:28px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-bottom p{max-width:630px;margin:0}.footer-bottom a{white-space:nowrap}.index-intro{padding-top:66px}.index-intro h1{font-size:88px;margin-bottom:20px}.index-intro>p:not(.eyebrow){color:var(--muted)}.search-form{max-width:790px;margin-top:33px}.search-form label{font-size:13px;display:block;margin-bottom:9px}.search-input{display:flex;border:1px solid var(--line)}.search-input:focus-within{border-color:var(--accent)}.search-input input{width:100%;min-width:0;padding:17px 20px;background:var(--surface);border:0;color:var(--ink);font-size:16px}.search-input button{border:0;background:var(--accent);color:var(--dark);padding:0 24px;font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 14px}.filters button{padding:10px 15px;background:transparent;border:1px solid var(--line);font-size:13px;min-height:42px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--dark);border-color:var(--ink)}#search-count{font-size:12px}.index-results{padding:14px 0 70px}.article-wrap{padding-top:32px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:40px}.article-header{max-width:980px}.article-header h1{font-size:clamp(54px,6vw,83px);margin-bottom:20px;line-height:.98}.article-header .eyebrow{color:var(--accent)}.article-meta{font-size:10px;letter-spacing:.1em;color:var(--muted)}.direct-answer{margin:28px 0 46px;padding:24px 28px;border-left:4px solid var(--accent);background:var(--surface)}.answer-label{font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--accent)}.direct-answer p{font-size:21px;line-height:1.55;margin:9px 0 0;max-width:800px}.citations{font:10px var(--body);vertical-align:super;white-space:normal}.citations a{color:var(--accent);margin-right:5px}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:52px;align-items:start}.toc{position:sticky;top:135px}.toc .eyebrow{font-size:10px;color:var(--muted)}.toc nav a{display:block;padding:9px 0 9px 15px;border-left:1px solid var(--line);font-size:13px;line-height:1.45}.toc-all{display:block;font-size:12px;margin-top:26px;color:var(--muted)}.article-body{max-width:850px;min-width:0;font-size:18px}.content-section{margin-bottom:44px;scroll-margin-top:125px}.content-section h2,.sources-section h2{font:700 35px/1.1 var(--display);margin-bottom:21px}.paragraphs p{color:#deddd1;line-height:1.75}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 22px 54px;color:#deddd1}.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;color:var(--accent);font:700 24px var(--display)}.advice{padding:20px 22px;background:#24261b;border:1px solid #444b29}.advice p{font-size:16px;margin:0;line-height:1.75}.table-scroll{overflow:auto;width:100%;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}th,td{text-align:left;vertical-align:top;padding:15px 17px;border-bottom:1px solid var(--line);min-width:150px}th{background:#303126;color:var(--ink);font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}td:first-child{font-weight:600;color:var(--ink)}td{color:#d0d0c3}.sources-section{padding-top:28px;border-top:1px solid var(--line);margin-top:50px;font-size:13px;color:var(--muted)}.sources-section li{margin:10px 0}.sources-section a,.prose a:not(.button){text-decoration:underline;text-underline-offset:4px}.related{padding:64px 0 70px;margin-top:35px;border-top:1px solid var(--line)}.related h2{font-style:italic}.prose{max-width:920px;padding:65px 0 80px}.prose h1{font-size:clamp(54px,7vw,86px);margin-bottom:26px}.prose h2{font-size:34px;margin:36px 0 18px}.prose p,.prose li{color:#d0d0c3}.prose .lead{font-size:23px;color:var(--ink);line-height:1.5}.prose li{margin-bottom:14px}.source-directory{padding:0;list-style:none}.source-directory li{display:flex;gap:20px;font-size:15px;border-bottom:1px solid var(--line);padding:15px 0;margin:0}.source-directory span{font-size:10px;color:var(--accent);min-width:50px}.skip-link{position:fixed;left:16px;top:-90px;background:var(--accent);color:var(--dark);padding:10px 20px;z-index:100}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.hero h1{font-size:108px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:minmax(0,1fr) 270px;gap:30px}.hero h1{font-size:82px}.hero-actions{gap:18px}.hero-actions .button{padding:17px 18px;font-size:20px}.desktop-nav{gap:20px}.card-grid{gap:14px}.guide-card{padding:20px}.article-layout{gap:30px;grid-template-columns:190px minmax(0,1fr)}}@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{height:87px;width:calc(100% - 48px)}.hero{grid-template-columns:1fr 245px;gap:25px;padding:55px 0}.hero h1{font-size:70px}.hero-description{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{font-size:9px}.hero-note{padding:20px 20px 0}.note-label{font-size:7px}.quick-answer{gap:10px}.quick-answer+.quick-answer{padding-left:17px}.quick-answer h3{font-size:23px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-answer .arrow{display:none}.reality-strip{gap:40px}.reality-strip h2{font-size:42px}.article-layout{display:block}.toc{position:static;margin-bottom:30px;padding:20px;background:var(--surface)}.toc nav{display:flex;flex-wrap:wrap;gap:10px 20px}.toc nav a{border:0;padding:0;max-width:230px}.toc-all{display:none}.article-body{max-width:none}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div{grid-column:1/-1;justify-content:flex-start}}@media(max-width:620px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.header-inner{height:82px;width:calc(100% - 32px);gap:12px}.wordmark{font-size:33px}.brand-tag{font-size:18px;margin-left:5px}.brand-sub{font-size:7px;letter-spacing:.1em;margin-top:6px}.header-actions{gap:8px}.steam-button{font-size:19px;padding:12px 13px;gap:9px;min-height:43px}.desktop-label{display:none}.menu-toggle{font-size:11px;padding:7px 9px;min-height:43px}.hero{display:block;padding:39px 0 40px}.hero .eyebrow{font-size:9px;margin-bottom:24px}.hero h1{font-size:clamp(52px,14.6vw,85px);line-height:.92;margin-bottom:22px}.hero-description{font-size:15px;line-height:1.65}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;margin:24px 0;gap:20px}.hero-actions .button{font-size:21px;gap:19px;padding:15px 19px;min-height:50px}.text-link{font-size:13px}.hero-meta{font-size:8px;line-height:1.6;letter-spacing:.08em}.hero-note{margin:35px 3px 0;transform:rotate(1deg);display:grid;grid-template-columns:110px 1fr;gap:0 20px;padding:19px 20px 0;box-shadow:4px 4px 0 #393b29}.note-label{grid-column:1/-1;font-size:8px;padding-bottom:11px}.hero-note .giant{grid-row:2/4;font-size:100px;margin:16px 0}.giant span{display:block;font-size:17px;margin:0 0 0 8px}.hero-note h2{margin:17px 0 10px;font-size:32px;line-height:.9}.hero-note p:not(.giant){font-size:12px;line-height:1.5;margin-bottom:15px}.hero-note a{grid-column:1/-1;font-size:20px;padding:9px 0}.ticker{font-size:21px}.ticker span{padding:0 14px}.quick-section{padding-top:30px}.quick-grid{grid-template-columns:1fr}.quick-answer,.quick-answer+.quick-answer{padding:17px 5px;border-left:0;gap:18px}.quick-answer+.quick-answer{border-top:1px solid var(--line)}.quick-answer .arrow{display:block}.quick-answer h3{font-size:26px}.quick-answer p{font-size:12px}.guide-section{padding:47px 0}.section-heading{align-items:end;margin-bottom:22px;gap:10px}.section-heading h2{font-size:40px}.section-heading .eyebrow{font-size:9px}.section-heading .text-link{font-size:11px}.card-grid{grid-template-columns:1fr}.guide-card{min-height:250px;padding:22px}.guide-card h3{font-size:34px;max-width:none}.guide-card p{font-size:14px}.card-top{margin-bottom:20px}.reality-strip{display:block;padding:36px 0 45px}.reality-strip h2{font-size:41px;margin-bottom:24px}.reality-strip .eyebrow{font-size:9px}.reality-strip>div+div{font-size:15px}.footer-top{gap:22px}.footer-brand{font-size:30px}.footer-top>p{font-size:22px}.footer-bottom{display:block;font-size:10px}.footer-bottom a{display:inline-block;margin-top:20px}footer{padding:32px 20px}.index-intro{padding-top:40px}.index-intro h1{font-size:59px}.index-intro>p{font-size:15px}.search-form{margin-top:25px}.search-input input{font-size:14px;padding:14px 12px}.search-input button{font-size:13px;padding:0 15px}.filters{gap:8px}.filters button{font-size:11px;padding:9px 11px;min-height:42px}.index-results{padding-bottom:45px}.article-wrap{padding-top:20px}.breadcrumbs{font-size:10px;gap:8px;margin-bottom:30px}.article-header h1{font-size:56px;line-height:1}.article-meta{font-size:9px;line-height:1.7}.direct-answer{padding:20px;margin:24px 0 30px}.direct-answer p{font-size:19px;line-height:1.55}.toc{padding:18px;margin-bottom:30px}.toc nav{display:block}.toc nav a{padding:6px 0;font-size:13px;max-width:none}.toc .eyebrow{margin-bottom:8px}.article-body{font-size:17px}.content-section{margin-bottom:34px}.content-section h2{font-size:33px}.steps li{padding-left:42px}.advice{padding:17px}.advice p{font-size:15px}table{font-size:13px}th,td{padding:12px;min-width:130px}.related{padding:34px 0 45px}.related h2{font-size:40px}.sources-section{margin-top:35px}.prose{padding:40px 0 55px}.prose h1{font-size:58px}.prose .lead{font-size:21px}.prose h2{font-size:32px}.prose p,.prose li{font-size:16px}.source-directory li{gap:10px}.source-directory span{min-width:40px}.source-directory a{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Round-two readability refinements. */
.search-input button{display:flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap;flex-shrink:0}.table-hint{display:none}@media(max-width:620px){.table-hint{display:block;color:var(--muted);font-size:11px;margin:0 0 8px}.table-scroll td:first-child,.table-scroll th:first-child{position:sticky;left:0;background:var(--bg);z-index:1}.table-scroll th:first-child{background:#303126}}

/* Real game photography: publisher-supplied Steam scenes, locally hosted. */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;padding:58px 0 54px;align-items:center}
.hero h1{font-size:clamp(64px,6.1vw,88px)}
.hero-description{font-size:17px;max-width:480px}
.hero-actions{flex-wrap:wrap;gap:22px}
.hero-media{margin:0;min-width:0;align-self:center;border:1px solid var(--line);background:var(--surface)}
.hero-media>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center}
.hero-media figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--muted);font-size:10px;letter-spacing:.05em;line-height:1.5}
.hero-media figcaption>span{color:var(--ink);font-weight:600}
.hero-wipe{display:flex;align-items:center;gap:20px;padding:17px 20px;background:var(--accent);color:var(--dark)}
.hero-wipe:hover{background:var(--ink);color:var(--dark)}
.hero-wipe strong{font:italic 800 40px/1 var(--display);white-space:nowrap}
.hero-wipe>span{font-size:13px;line-height:1.35}
.hero-wipe>span:last-child{margin-left:auto;font-size:25px}
.card-image{display:block;overflow:hidden;margin:-28px -28px 24px;border-bottom:1px solid var(--line)}
.card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.guide-card:hover .card-image img{transform:scale(1.025)}
.guide-figure{margin:28px 0 36px;border:1px solid var(--line);background:var(--surface)}
.guide-figure .image-expand{display:block}
.guide-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.guide-figure figcaption{padding:14px 18px;font:400 13px/1.6 var(--body);color:var(--muted)}
.guide-figure .image-credit{display:block;width:fit-content;margin-top:6px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.article-cover{max-width:850px;margin-top:25px}
@media(min-width:901px){.article-cover{max-width:720px}.article-cover img{max-height:405px}}
@media(min-width:621px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:28px}.hero-media{width:100%}.hero-media>img{aspect-ratio:16/9}.hero h1{font-size:80px}}
@media(max-width:620px){
 .hero{display:grid;grid-template-columns:1fr;gap:0;padding:27px 0 32px}
 .hero-copy{display:contents}
 .hero .eyebrow{order:0;margin-bottom:15px}
 .hero h1{order:1;font-size:clamp(49px,13.5vw,72px);margin-bottom:23px}
 .hero-media{order:2;margin-bottom:22px}
 .hero-media>img{aspect-ratio:16/9}
 .hero-media figcaption{padding:9px 11px;font-size:8px;letter-spacing:0;gap:8px}
 .hero-wipe{padding:12px;gap:13px}
 .hero-wipe strong{font-size:31px}
 .hero-wipe>span{font-size:11px}
 .hero-description{order:3;font-size:15px;margin-bottom:0}
 .hero-actions{order:4;gap:18px;margin:22px 0}
 .hero-meta{order:5}
 .card-image{margin:-22px -22px 22px}
 .guide-figure{margin:22px 0 28px}
 .guide-figure figcaption{font-size:12px;padding:12px 14px}
 .article-header h1{font-size:clamp(43px,12.5vw,56px)}
 .article-cover{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.card-image img{transition:none}}
.card-image{margin:-24px -24px 24px}
.index-visual{max-width:100%;margin:28px 0}
.index-visual img{aspect-ratio:5/1;object-fit:cover;object-position:center 58%}
.index-visual figcaption{font-size:11px;padding:9px 14px}
.index-visual .image-credit{display:inline;margin-left:6px}
@media(min-width:621px) and (max-width:1100px){.card-image{margin:-20px -20px 22px}}
@media(max-width:620px){.card-image{margin:-22px -22px 22px}.index-visual img{aspect-ratio:16/7}.index-visual figcaption{font-size:10px}}
/* Keep the short answer beside the game scene on wide article layouts. */
@media(min-width:1101px){
 .article-header{max-width:1100px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:30px}
 .article-header>.eyebrow,.article-header>h1,.article-header>.article-meta{grid-column:1/-1}
 .article-header>.article-cover{grid-column:1;grid-row:4;margin:6px 0 38px;max-width:none;align-self:start}
 .article-header>.direct-answer{grid-column:2;grid-row:4;margin:6px 0 38px;padding:24px;align-self:start}
 .article-header>.direct-answer p{font-size:21px}
}
@media(max-width:360px){
 .header-inner{gap:7px}.header-actions{gap:6px}
 .steam-button{font-size:17px;padding:11px 9px;gap:6px;white-space:nowrap}
 .menu-toggle{padding-inline:7px}
}

/* Cross-engine / delayed-font resilience. Do not hide overflowing content. */
.brand{min-width:0}
.header-actions{flex-shrink:0}
.wordmark{white-space:nowrap}
.hero-copy,.article-header,.article-body,.content-section,.guide-card,.searchable{min-width:0}
h1,h2,h3,.prose a,.source-directory a{overflow-wrap:break-word;word-wrap:break-word}
.mobile-nav{max-height:calc(100vh - 87px);overflow-y:auto;overscroll-behavior:contain}
@supports(height:100dvh){.mobile-nav{max-height:calc(100dvh - 87px)}}
@media(max-width:620px){.mobile-nav{max-height:calc(100vh - 82px)}}
@supports(height:100dvh){@media(max-width:620px){.mobile-nav{max-height:calc(100dvh - 82px)}}}
@media(max-width:360px){
 .wordmark{font-size:27px}.brand-tag{font-size:16px;margin-left:4px}
 .brand-sub{font-size:6px;letter-spacing:.08em}
 .hero-actions .button{white-space:normal;text-align:left;max-width:100%;gap:12px}
}
/* At tablet widths put the scene before the long introduction, as on phones. */
@media(min-width:621px) and (max-width:900px){
 .hero{padding:32px 0 40px;gap:0}
 .hero-copy{display:contents}
 .hero .eyebrow{order:0;margin-bottom:18px}
 .hero h1{order:1;margin-bottom:24px;font-size:clamp(64px,9vw,80px)}
 .hero-media{order:2;margin-bottom:24px}
 .hero-description{order:3;max-width:none;margin-bottom:0}
 .hero-actions{order:4;flex-direction:row;align-items:center;margin:24px 0;gap:24px}
 .hero-meta{order:5}
}
/* Landscape phones have little height: keep title and scene side by side. */
@media(min-width:621px) and (max-width:900px) and (max-height:500px){
 .hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:24px;padding-top:24px}
 .hero .eyebrow{grid-column:1;grid-row:1;font-size:9px;margin-bottom:12px}
 .hero h1{grid-column:1;grid-row:2;font-size:48px;margin-bottom:16px}
 .hero-media{grid-column:2;grid-row:1/6;align-self:start;margin-bottom:0}
 .hero-description{grid-column:1;grid-row:3;font-size:14px}
 .hero-actions{grid-column:1;grid-row:4;gap:14px;margin:16px 0}
 .hero-meta{grid-column:1;grid-row:5;font-size:8px}
 .hero-wipe{padding:12px;gap:12px}.hero-wipe strong{font-size:30px}.hero-wipe>span{font-size:11px}
 .hero-media figcaption{font-size:8px;padding:10px;gap:8px}
}