.site-header nav{gap:18px}.header-row{gap:18px}.version-scope{white-space:nowrap}.footer-row>div:last-child{display:flex;flex-wrap:wrap;gap:16px}.footer-row>div:last-child a{margin:0}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 56px}.topic-card{display:block;text-decoration:none;border:1px solid var(--line,#465448);padding:30px;background:#26372b}.topic-card>.icon{width:32px;height:32px;margin-bottom:18px}.topic-card .eyebrow{display:block}.topic-card h2{font-size:38px;margin:12px 0}.topic-card p{color:#c5cec4;line-height:1.7}.topic-next{display:flex;align-items:center;gap:12px;color:#ffc454;margin-top:24px}.topic-scene{margin:0 0 40px}.topic-scene img{width:100%;height:360px;object-fit:cover}.topic-scene figcaption{font-size:12px;color:#bec7ba;margin-top:10px}.topic-route-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:48px;margin:40px 0}.topic-check{display:flex;gap:24px;padding:28px 0;border-top:1px solid #4a584b}.topic-check h2{margin:0 0 14px;font-size:30px}.topic-check p,.topic-scope p{line-height:1.75;color:#c5cec4}.topic-check a{color:#ffc454;display:inline-flex;align-items:center;gap:12px}.topic-scope{padding:28px;background:#293b2d;border:1px solid #4a584b;align-self:start}.topic-scope a{display:block;margin-top:22px}.topic-scope .btn{color:#17261c}.topic-library{margin:50px 0 70px}.topic-library ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-library li{border-top:1px solid #4a584b;padding:20px 0}.topic-library li>a{font-size:21px;color:#ffc454}.topic-library li p{line-height:1.7;color:#c5cec4}.article-scene{margin:32px 0}.article-scene img{width:100%;height:280px;object-fit:cover}.article-scene figcaption{color:#55614f;font-size:12px;line-height:1.5;margin-top:8px}.article-body .code-note{min-width:0}.code-note pre{overflow:auto;background:#25352a;color:#f4f3e9;padding:20px;line-height:1.7;font-size:14px;white-space:pre}.code-label{font-size:12px;text-transform:uppercase;letter-spacing:1px}.article-meta{flex-wrap:wrap}.article-header h1{overflow-wrap:anywhere}.article-body .context-links a{color:#365f3c}.breadcrumbs{overflow-wrap:anywhere}.multiplayer-feature{margin:58px 0;padding:32px;border:1px solid #4a584b;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#26372b}.multiplayer-feature h2{font-size:38px;margin:12px 0}.multiplayer-feature p{line-height:1.7;color:#c5cec4}.multiplayer-feature ul{list-style:none;padding:0;align-self:center}.multiplayer-feature li+li{margin-top:20px}.multiplayer-feature a{color:#ffc454;display:flex;gap:14px;align-items:center}picture{display:contents}:focus-visible{outline:3px solid #ffc454;outline-offset:5px}.article-body :focus-visible{outline-color:#365f3c}
@media(max-width:1150px){.header-row{flex-wrap:wrap}.site-header nav{margin-left:auto}.brand-context{display:none}.version-scope{display:none}.topic-route-layout{gap:28px}.topic-scene img{height:300px}}
@media(max-width:700px){.header-row{gap:16px}.site-header nav{width:100%;justify-content:space-between;margin:0;gap:10px}.site-header nav a{font-size:13px}.topic-grid{grid-template-columns:1fr;gap:16px}.topic-card{padding:24px}.topic-route-layout{grid-template-columns:1fr;gap:24px}.topic-check{gap:16px}.topic-check h2{font-size:26px}.topic-library ul{grid-template-columns:1fr}.topic-scene img{height:220px}.article-scene img{height:200px}.article-meta{gap:8px!important}.breadcrumbs{line-height:1.6}.multiplayer-feature{grid-template-columns:1fr;gap:12px;padding:24px}.multiplayer-feature h2{font-size:32px}.code-note pre{font-size:13px}.footer-row>div:last-child{margin-top:18px}.article-header h1{font-size:42px}.topic-scope .btn{white-space:normal}}
/* Reading CTAs need full button padding and readable hover text over amber. */
.reading-page .aside .btn{display:flex;justify-content:center;align-items:center;padding:14px 18px;white-space:normal;text-align:center;line-height:1.4;color:#17261c}.reading-page .aside .btn:hover{background:#ffda8a;color:#17261c}.topic-scope .btn{display:flex;text-align:center}