/* 2026-10-19: task navigation and answer-first reading. No new motion or assets. */
.station-hero{min-height:430px}
.station-copy{padding-block:32px 42px}
.station-hero h1{font-size:clamp(52px,5.4vw,76px);margin-block:18px 20px}
.station-intro{max-width:510px;font-size:23px}
.station-description{max-width:430px;font-size:15px}
.station-actions{gap:18px}
.station-hero .station-kicker{width:fit-content;padding:5px 7px;background:#0d1419e6;color:#ffd0b6}
.route-section{padding-block:38px 44px}
.route-card{padding:23px 21px 25px}
.route-card h3{font-size:21px;line-height:1.25;max-width:220px}
.route-card p{font-size:13px;line-height:1.65}
.route-label{font-size:11px}
.route-top{margin-bottom:12px}
.route-number{font-size:22px}
.game-overview{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:38px;padding-block:32px 40px}
.overview-scene{min-height:290px}
.overview-copy{padding-top:0}
.overview-copy h2{font-size:29px;max-width:none}
.overview-copy>p:not(.station-kicker){margin-top:12px;font-size:14px}
.overview-copy>p.overview-note{font-size:12px}
.game-specs{display:grid;grid-template-columns:1fr 1.2fr 2fr;gap:14px;margin-top:18px}
.game-specs>div{display:block;padding:9px 0}
.game-specs dt{margin-bottom:5px}
.game-specs dd{margin:0}
.overview-links{margin-top:10px}
body.home-page .home-library .card:nth-child(-n+2){display:grid;grid-template-columns:138px minmax(0,1fr);gap:20px;border-top:1px solid var(--station-line);padding:24px 0;align-items:start}
body.home-page .home-library .card:nth-child(-n+2) .cardart{width:138px;height:110px;margin:0}
body.home-page .home-library .card:nth-child(-n+2) h3{font-size:21px}
body.home-page .home-library .card h3{font-size:20px}
body.home-page .home-library .card p{font-size:13px}
body.home-page .home-library .cardmeta>span{font-size:10px}
body.home-page .home-library .cardart{border-radius:2px}
.onward-section{grid-template-columns:1fr;padding:30px 34px;background:transparent;border:0;border-top:1px solid var(--station-line);border-bottom:1px solid var(--station-line);border-radius:0;margin-block:0 44px}
.onward-mark{display:none}
.onward-section h2{font-size:29px}
.onward-section .station-kicker{margin-bottom:10px}
body.inner-page .articlepage .articlelayout{padding-top:0;gap:42px}
body.inner-page .articlepage>.page-scene img{height:130px}
body.inner-page .articlepage .articleintro .dek{font-size:17px;line-height:1.6}
.answer-first{margin:0 0 25px;padding:25px 28px;background:var(--station-panel);border:1px solid var(--station-line);border-left:3px solid var(--station-orange)}
body.inner-page .prose .answer-first h2{font:700 23px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0 0 12px}
.answer-first h2::before{display:none}
#quick-answer p::first-letter{float:none;font:inherit;color:inherit;line-height:inherit;margin:0;padding:0}
body.inner-page .prose .answer-first p{font:400 16px/1.75 Arial,Helvetica,sans-serif;margin:0 0 12px;color:var(--station-ink)}
body.inner-page .prose .answer-first .answer-boundary{font-size:12px;line-height:1.6;color:var(--station-muted);margin-bottom:16px}
.answer-routes{display:flex;flex-direction:column;border-top:1px solid var(--station-line)}
.answer-routes a{font:600 14px/1.6 Arial,Helvetica,sans-serif;padding:10px 0;border-bottom:1px solid var(--station-line);display:flex;justify-content:space-between;gap:20px;text-decoration:none}
.answer-routes a:last-child{border:0;padding-bottom:0}
body.inner-page .prose .sourcebox{padding:0;margin:20px 0 28px;background:transparent;border:0;border-top:1px solid var(--station-line);border-bottom:1px solid var(--station-line);border-radius:0}
.source-details>summary,.mobile-toc>summary{cursor:pointer;padding:15px 2px;font:700 14px/1.6 Arial,Helvetica,sans-serif;color:var(--station-ink);list-style-position:inside}
.source-details[open]{padding-bottom:18px}
.source-details[open]>summary{margin-bottom:12px}
.source-details>p,.source-details>small,.source-details>a,.source-details>.eyebrow{margin-inline:2px}
body.inner-page .prose .content-update{font:400 12px/1.7 Arial,Helvetica,sans-serif;border:0;border-left:2px solid var(--station-line);background:transparent;color:var(--station-muted);padding:0 0 0 15px;margin:16px 0}
.mobile-toc{display:none}
@media(max-width:900px){body.inner-page .articlepage .articlelayout{display:grid;grid-template-columns:minmax(0,1fr)}body.inner-page .articlepage .articlelayout>aside.toc{display:none}}
body.inner-page .prose section[id^="section-"]{scroll-margin-top:115px}
body.inner-page .prose section[id^="section-"] h2{font-family:Arial,Helvetica,sans-serif;font-size:25px;line-height:1.35;letter-spacing:-.025em}
body.inner-page .toc{font-family:Arial,Helvetica,sans-serif}
body.inner-page .toc>a{line-height:1.5;padding-block:8px}
body.inner-page .article-end{font-family:Arial,Helvetica,sans-serif}
@media(min-width:901px){.route-section .station-heading{margin-bottom:22px}.route-section .station-heading h2{font-size:31px}.station-update>.wrap{min-height:42px}}
@media(max-width:900px){.station-hero{min-height:440px}.game-overview{grid-template-columns:minmax(0,1fr);gap:24px}.overview-scene{min-height:220px;max-height:240px}.game-specs{gap:16px}.mobile-toc{display:block;margin:0 0 20px;border-block:1px solid var(--station-line)}.mobile-toc nav{display:flex;flex-direction:column;padding-bottom:14px}.mobile-toc nav a{font:400 14px/1.6 Arial,Helvetica,sans-serif;padding:7px 2px}.answer-first{padding:22px}.onward-section{padding:25px 0}}
@media(max-width:600px){.station-hero{min-height:500px}.station-copy{padding-bottom:35px}.station-intro{font-size:20px}.station-description{font-size:14px;max-width:330px}.station-actions{gap:15px}.station-hero .quiet-link{font-size:12px}.route-section{padding-block:30px}.route-card{padding:20px}.route-card h3{max-width:none;font-size:21px}.route-grid{grid-template-columns:1fr}.route-top{margin-bottom:9px}.game-specs{grid-template-columns:1fr 1fr}.game-specs>div:last-child{grid-column:1/-1}.overview-scene{min-height:180px}.overview-copy h2{font-size:27px}.overview-links{gap:8px 18px}body.home-page .home-library .card:nth-child(-n+2){grid-template-columns:82px minmax(0,1fr);gap:14px;padding:20px 0}body.home-page .home-library .card:nth-child(-n+2) .cardart{width:82px;height:86px}body.home-page .home-library .card:nth-child(-n+2) h3,body.home-page .home-library .card h3{font-size:19px}.onward-section h2{font-size:26px}body.inner-page .articlepage>.page-scene img{height:100px}body.inner-page .articlepage .articleintro h1{font-size:31px}.answer-first{padding:20px 18px}body.inner-page .prose .answer-first p{font-size:15px}.answer-routes a{font-size:13px}.station-update>.wrap{align-items:start;gap:10px}.station-update a{font-size:10px}body.inner-page .prose section[id^="section-"] h2{font-size:23px}}
@media(max-width:600px){.station-hero{min-height:0}.station-copy{padding-block:20px 24px}.station-hero h1{margin-block:12px 15px}.station-intro{margin-block:0 12px}.station-actions{margin-top:22px}.route-section .station-heading{margin-bottom:18px}}

/* 2026-10-30: concise, task-led reading paths on the four existing topic pages. */
.topic-route-guide{margin:28px 0 12px;max-width:980px;border-top:1px solid var(--station-line)}
.topic-route-guide h2{font:700 24px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.025em;color:var(--station-ink);margin:22px 0 12px}
.topic-route-guide ol{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--station-line)}
.topic-route-guide li{display:grid;grid-template-columns:38px minmax(0,1fr) 170px;align-items:start;gap:12px;border-top:1px solid var(--station-line);padding:16px 0}
.topic-route-number{font:700 13px/1.7 Arial,Helvetica,sans-serif;color:var(--station-orange)}
.topic-route-guide h3{font:700 17px/1.4 Arial,Helvetica,sans-serif;color:var(--station-ink);margin:0 0 5px}
.topic-route-guide li p{font:400 14px/1.65 Arial,Helvetica,sans-serif;color:var(--station-muted);margin:0}
.topic-route-guide li a{font:700 13px/1.5 Arial,Helvetica,sans-serif;color:var(--station-orange);text-decoration:underline;text-underline-offset:3px;justify-self:end;text-align:right;padding-top:2px}
.topic-route-guide li a:hover{color:var(--station-ink)}
.topic-route-boundary{font:400 12px/1.6 Arial,Helvetica,sans-serif;color:var(--station-muted);margin:12px 0 0}
@media(max-width:700px){.topic-route-guide h2{font-size:21px}.topic-route-guide li{grid-template-columns:28px minmax(0,1fr);gap:5px 9px}.topic-route-guide li a{grid-column:2;justify-self:start;text-align:left;margin-top:3px}.topic-route-guide h3{font-size:16px}.topic-route-guide li p{font-size:13px}}
