:root{color-scheme:light;--page:#f9f9f7;--ink:#161616;--muted:#60635c;--rule:#b8bbb0;--surface:#fff}
:root[data-theme=dark]{color-scheme:dark;--page:#181a18;--ink:#e9e9e2;--muted:#afb5a8;--rule:#596051;--surface:#20241f}
*{box-sizing:border-box}
body{max-width:1120px;margin:0 auto;padding:34px 46px 22px;background:var(--page);color:var(--ink);font:16px/1.7 'Courier New',monospace;min-height:100svh;display:flex;flex-direction:column}
a{color:inherit;text-underline-offset:5px}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:2px solid var(--ink)}
.brand{font:900 clamp(32px,6vw,64px)/1 Arial,sans-serif;letter-spacing:-.06em;text-decoration:none}
.appearance-control{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.appearance-control select{padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--rule);font:inherit;border-radius:0;min-height:38px}
a:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
main{padding:68px 0 64px;flex:1}
.edition{font-size:12px;color:var(--muted);margin:0 0 22px}
h1{font:700 clamp(36px,5.5vw,66px)/1.08 Arial,sans-serif;letter-spacing:-.04em;max-width:830px;margin:0 0 32px;text-wrap:balance}
.intro{font-size:clamp(18px,2.3vw,23px);line-height:1.6;max-width:760px;margin:0 0 22px}
.description{max-width:720px;color:var(--muted);margin:0}
section{margin-top:52px;border-top:1px solid var(--rule);padding-top:20px}
h2{font:inherit;font-weight:bold;margin:0 0 13px}
ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--muted);font-size:13px}
footer{border-top:1px solid var(--rule);padding-top:16px;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
footer p{margin:0}
@media(max-width:600px){body{padding:24px}header{gap:20px}main{padding:44px 0}.appearance-control{font-size:11px;gap:6px}h1{max-width:460px}.intro{font-size:18px}.description{font-size:14px}section{margin-top:36px}ul{gap:8px 20px}}
@media print{:root[data-theme],:root{--page:#fff;--ink:#161616;--muted:#60635c;--rule:#b8bbb0;color-scheme:light}.appearance-control{display:none}}