:root{color-scheme:light dark;--paper:#f6f7f2;--panel:#fff;--ink:#17291d;--muted:#4d6053;--line:#d9e0d5;--green:#306e40;--pending:#78541b;--draft:#fff2d5}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--green);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--green);outline-offset:5px;border-radius:2px}
.skip{position:absolute;left:1rem;top:-100px;padding:.6rem 1rem;background:var(--panel);z-index:3}
.skip:focus{top:1rem}
.wrap{max-width:1140px;margin:auto;padding:0 32px}
header{border-bottom:1px solid var(--line);background:var(--panel)}
.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px}
.brand{font-size:23px;font-weight:700;letter-spacing:-.04em;color:var(--ink);text-decoration:none;white-space:nowrap}
.primary{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px;line-height:1.5}
.primary a[aria-current=page]{font-weight:700}
.languages{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:16px;padding-bottom:16px;font-size:14px;line-height:1.6}
.languages span{font-weight:650;color:var(--muted)}
.languages a[aria-current=true]{font-weight:700;text-decoration:none;color:var(--ink)}
.draft{margin:24px 0 0;padding:16px 20px;border-left:4px solid var(--pending);background:var(--draft);color:var(--pending);font-size:15px;line-height:1.6}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start;padding-top:42px;padding-bottom:72px}
aside{position:sticky;top:24px;font-size:14px;line-height:1.5}
aside ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}
aside li a{display:block;padding:9px 0 9px 17px;text-decoration:none;color:var(--muted)}
aside li a:hover{color:var(--green);text-decoration:underline}
article{min-width:0;max-width:72ch;overflow-wrap:anywhere}
h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.035em;font-weight:650;margin:0 0 18px}
h2{font-size:25px;line-height:1.35;letter-spacing:-.02em;margin:0 0 14px;font-weight:650}
.intro{font-size:19px;line-height:1.65;color:var(--muted)}
.date{font-size:14px;color:var(--muted);margin:20px 0 32px}
section{padding-top:30px;margin-top:30px;border-top:1px solid var(--line);scroll-margin-top:24px}
p{margin:0 0 16px}
section ul{padding-left:24px;margin:16px 0}
section li{padding:4px 0}
.pending{color:var(--pending);background:var(--draft);padding:0 .25em;border-radius:3px}
footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted);padding:24px 0 40px}
footer .wrap{display:flex;gap:12px 32px;flex-wrap:wrap;justify-content:space-between}
@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.top{align-items:flex-start;flex-direction:column;gap:16px}.layout{display:block;padding-top:30px}.layout aside{position:static;margin-bottom:32px}.layout aside ol{display:flex;flex-wrap:wrap;gap:6px 16px;border:0}.layout aside li a{padding:4px 0;font-size:14px}article{max-width:none}h1{font-size:36px}.intro{font-size:18px}h2{font-size:23px}.languages{gap:8px 16px}.draft{margin-top:16px}}
@media(prefers-color-scheme:dark){:root{--paper:#101c15;--panel:#15221a;--ink:#eaf0e8;--muted:#acbcad;--line:#344638;--green:#9bcc9d;--pending:#f0cb82;--draft:#332b1c}}
@media print{header,aside,.skip,footer{display:none}.wrap{max-width:none;padding:0}.layout{display:block;padding:16px 0}body{background:#fff;color:#000;font:12pt/1.5 sans-serif}article{max-width:none}section{break-inside:avoid}a{color:#000}.draft{border:2px solid #000;color:#000;background:#fff}.pending{color:#000;background:#eee}}