:root{color-scheme:dark;--paper:#17131f;--ink:#f5ecda;--muted:#c1b6ca;--gold:#e8c586;--line:#423649;--deep:#0c0912}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--deep);color:var(--ink);font:17px/1.75 system-ui,sans-serif}a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5vw,4.6rem);margin:16px 0 24px}h2{font-size:1.9rem;margin:0 0 20px}p{max-width:68ch}img{display:block;max-width:100%;object-fit:cover}.guide-header{max-width:1260px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.guide-header nav,.guide-footer{display:flex;flex-wrap:wrap;gap:14px 28px}.guide-header a{text-decoration:none}.guide-brand{font:600 1.05rem Georgia,serif;letter-spacing:.12em;color:var(--ink)}main{max-width:1260px;margin:auto;padding:0 40px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center;padding:64px 0}.guide-hero:not(:has(img)){display:block;max-width:850px}.guide-art{height:auto;aspect-ratio:2/1;border:1px solid var(--line);border-radius:3px}.guide-summary{font-size:1.2rem;line-height:1.65;color:var(--muted)}.guide-breadcrumb,.guide-byline{font-size:.85rem;color:var(--muted)}.guide-play{display:inline-flex;align-items:center;min-height:48px;padding:10px 22px;background:var(--gold);color:var(--deep);text-decoration:none;font-weight:650;border-radius:4px;margin-top:14px}.guide-play:hover{background:#f4d9a8;color:var(--deep)}.guide-reading{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;border-top:1px solid var(--line);padding-top:50px}.guide-reading article{max-width:70ch}.guide-reading aside nav{position:sticky;top:30px}.guide-reading aside p{font-family:Georgia,serif;font-size:1.3rem;margin:0 0 18px}.guide-reading aside a{display:block;font-size:.9rem;line-height:1.5;margin:0 0 18px}.guide-reading section{padding:0 0 42px}.guide-reading p{margin:0 0 20px}.guide-next{border-top:1px solid var(--line);padding-top:32px!important}.guide-index-intro{max-width:800px;padding:68px 0 40px}.guide-list{border-top:1px solid var(--line)}.guide-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center}.guide-row h2{font-size:1.8rem;margin-bottom:10px}.guide-row p{margin:0;color:var(--muted)}.guide-row img{height:110px;border-radius:3px}.guide-letter{background:var(--paper);border:1px solid var(--line);height:110px;display:grid;place-items:center;font:3rem Georgia,serif;color:var(--gold)}.guide-footer{max-width:1260px;margin:60px auto 0;border-top:1px solid var(--line);padding:32px 40px 44px;font-size:.9rem}.guide-footer p{flex-basis:100%;margin:6px 0 0;color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){.guide-header{padding:22px;align-items:flex-start;flex-direction:column;gap:14px}.guide-header nav{gap:12px 20px;font-size:.9rem}main{padding:0 22px}.guide-hero{display:flex;flex-direction:column;gap:30px;padding:32px 0}.guide-art{width:100%}.guide-reading{display:block;padding-top:28px}.guide-reading aside{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:32px}.guide-reading aside nav{position:static}.guide-reading aside a{margin-bottom:12px}.guide-index-intro{padding:34px 0}.guide-row{grid-template-columns:86px minmax(0,1fr);gap:20px;padding:26px 0;align-items:start}.guide-row img,.guide-letter{width:86px;height:86px}.guide-row h2{font-size:1.45rem}.guide-row p{font-size:.95rem}.guide-footer{padding:28px 22px}h2{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}