.guide-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}.guide-index-card{color:var(--text);background:var(--ink-dark);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:24px;transition:border-color .15s,background .15s;display:flex}.guide-index-card:hover{border-color:var(--gold);background:var(--ink-raised);text-decoration:none}.guide-index-card h2{font:500 var(--type-section)/1.4 var(--font-display);text-wrap:balance;margin:0}.guide-index-card p{color:var(--text-muted);font:var(--type-body)/1.65 var(--font-sans);text-wrap:pretty;margin:10px 0 0}.player-guide .guide-heading{margin:20px 0 28px}.player-guide .guide-heading h1{font:500 var(--type-page)/1.3 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0}.guide-actions{font:var(--type-label)/1.6 var(--font-sans);flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 28px;display:flex}.guide-with-index{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:32px;display:grid}.guide-sections{scrollbar-width:thin;align-content:start;gap:4px;max-height:calc(100dvh - 124px);display:grid;position:sticky;top:100px;overflow-y:auto}.guide-sections a{border-left:2px solid var(--border);color:var(--text-muted);font:var(--type-label)/1.5 var(--font-sans);overflow-wrap:anywhere;padding:10px 12px}.guide-sections a:hover,.guide-sections a:focus-visible{color:var(--gold);border-color:var(--gold);text-decoration:none}.player-guide :is(.guide-loadouts,.guide-travel,.guide-palette){grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;display:grid}.player-guide .guide-object{border:1px solid var(--border);background:var(--ink-dark);min-width:0;margin:0;padding:24px;scroll-margin-top:100px}.guide-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:24px;display:flex}.guide-section-heading h2{border-left:3px solid var(--gold);font:500 var(--type-section)/1.4 var(--font-display);color:var(--text);text-wrap:balance;margin:0;padding-left:16px}.guide-section-heading>a{font-size:var(--type-label)}.guide-art-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.player-guide .build-art-detail{background:0 0;border:0;min-width:0;margin:0;padding:0}.player-guide .build-art-detail h3{font:500 var(--type-object)/1.5 var(--font-display);text-wrap:balance;margin:0 0 16px}.player-guide .build-art-description{font:var(--type-body)/1.85 var(--font-sans);color:var(--text)}.player-guide .build-art-description p{margin:0 0 16px}.guide-location-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;display:grid}.guide-location-links a{border-bottom:1px solid var(--border);min-height:52px;font:var(--type-body)/1.55 var(--font-sans);align-items:center;gap:10px;padding:12px 0;display:flex}.guide-location-links a img{object-fit:contain;flex:none}.guide-location-links a span{overflow-wrap:anywhere}.guide-location-links a:hover{color:var(--gold);text-underline-offset:4px;text-decoration:underline}.guide-palette-section{min-width:0;scroll-margin-top:100px}.guide-palette-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.guide-palette-item{flex-direction:column;min-width:0;display:flex}.guide-palette-item .colour-card{flex:1}.guide-palette-item .colour-swatch{max-height:160px}.guide-palette-item .palette-channel-trigger{background:var(--ink-dark);border:1px solid var(--border);border-top:0;justify-content:flex-start}.guide-effects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.guide-effect h2{font:500 var(--type-section)/1.4 var(--font-display);margin:0 0 20px}.guide-effect .effect-facts{margin:0 0 24px}.guide-game-copy{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--type-body)/1.85 var(--font-sans)}.guide-effect-compare{font-size:var(--type-label);margin-top:24px;display:inline-block}.guide-language-recovery .content-language-choice{font-size:var(--type-label);padding:20px 0 0}.guide-language-recovery .content-language-choice nav{gap:8px}.player-guide .region-object h2{font-size:var(--type-section)}@media (max-width:1100px){.guide-with-index{grid-template-columns:160px minmax(0,1fr);gap:24px}.guide-location-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.guide-with-index{grid-template-columns:minmax(0,1fr)}.guide-sections{flex-wrap:wrap;max-height:none;display:flex;position:static}.guide-sections a{padding:8px 12px}.guide-art-pair{gap:24px}}@media (max-width:600px){.guide-index,.guide-effects,.guide-art-pair,.guide-location-links{grid-template-columns:minmax(0,1fr)}.guide-index-card,.player-guide .guide-object{padding:20px}.guide-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.guide-index-card{transition:none}}
