/* Reading layout for the player guides; existing site header and palette retained. */
.guide { max-width:960px; margin:auto; padding:2rem 1.25rem 4rem; line-height:1.8; }
.guide h1 { font-size:clamp(2rem,5vw,3.3rem); line-height:1.16; margin:1rem 0; }
.guide h2 { font-size:1.6rem; line-height:1.35; margin:2.2rem 0 .8rem; color:var(--accent-gold-light); }
.guide h3 { margin:1.2rem 0 .4rem; }
.guide p,.guide ul,.guide ol { margin:.8rem 0 1.2rem; }
.guide ul,.guide ol { padding-left:1.5rem; }
.guide li { margin:.4rem 0; }
.guide .lead { font-size:1.17rem; }
.guide .reviewed,.guide figcaption { color:var(--text-muted); font-size:.9rem; }
.guide figure { margin:1.5rem auto; max-width:760px; }
.guide figure.portrait { max-width:540px; }
.guide figure img { width:100%; height:auto; display:block; border-radius:12px; }
.guide figcaption { margin-top:.6rem; line-height:1.6; }
.guide .tool { border:1px solid var(--border-subtle); background:var(--bg-card); padding:1.25rem; border-radius:12px; margin:1.25rem 0; }
.guide input,.guide select { background:#111827; border:1px solid #64748b; color:#fff; border-radius:6px; padding:.7rem; max-width:100%; font:inherit; }
.guide label { display:block; margin:.6rem 0; }
.guide button { cursor:pointer; }
.guide button:focus-visible,.guide a:focus-visible,.guide input:focus-visible,.guide select:focus-visible { outline:3px solid #fbbf24; outline-offset:3px; }
.guide .names { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.75rem; }
.guide .names li { border:1px solid var(--border-subtle); border-radius:8px; padding:.7rem; margin:0; display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.guide .names [hidden] { display:none; }
.guide .names button { padding:.35rem .65rem; background:#263347; color:#fff; border:1px solid #64748b; border-radius:5px; }
.guide .result { font-weight:600; min-height:2em; }
.guide .table-responsive { margin:1.25rem 0; }
.guide .data-table th { text-transform:none; letter-spacing:normal; }
.guide .related { border-top:1px solid var(--border-subtle); margin-top:2rem; padding-top:1rem; }
@media(max-width:540px) { .guide .data-table th,.guide .data-table td { padding:.7rem; } .guide { padding-top:1rem; } }