:root { color-scheme:dark; --guide-bg:#15120f; --guide-text:#efe8dd; --guide-muted:#b4a692; --guide-line:#3a3028; --guide-link:#d3b48f; }
* { box-sizing:border-box; }
body { margin:0; background:var(--guide-bg); color:var(--guide-text); font:15px/1.6 system-ui,sans-serif; }
.guide { max-width:900px; margin:0 auto; padding:28px 24px 48px; }
.guide h1 { font-size:clamp(1.5rem,3.5vw,2rem); line-height:1.2; margin:4px 0 12px; }
.guide h2 { font-size:1.1rem; margin:0 0 10px; }
.guide p { margin:8px 0 14px; }
.guide-label { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--guide-muted); }
.guide a { color:var(--guide-link); text-underline-offset:3px; }
.guide-links { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.guide-links a { min-height:40px; padding:7px 12px; border:1px solid var(--guide-line); border-radius:5px; text-decoration:none; }
.guide section { padding:18px 0; }
.guide li { padding:3px 0; }
.guide details { border-top:1px solid var(--guide-line); }
.guide summary { cursor:pointer; padding:13px 0; font-weight:600; }
.guide details > div { padding:0 0 12px 18px; }
.guide a:focus-visible, .guide summary:focus-visible { outline:2px solid var(--guide-link); outline-offset:3px; }
.guide-footer { border-top:1px solid var(--guide-line); padding-top:18px; color:var(--guide-muted); font-size:.85rem; }