:root { --ink:#17213A; --ink-2:#4A5470; --line:#D9DEEA; --paper:#fff; --marker:#FFD23F; }
@media (prefers-color-scheme: dark) { :root { --ink:#E9ECF4; --ink-2:#A6AEC4; --line:#2C3654; --paper:#121A2E; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:inherit; text-decoration-color:var(--marker); text-decoration-thickness:2px; text-underline-offset:3px; }
.top { max-width:760px; margin:0 auto; padding:18px 20px; display:flex; justify-content:space-between; align-items:center; }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; text-decoration:none; }
.doc { max-width:760px; margin:0 auto; padding:8px 20px 48px; }
.doc h1 { font-size:clamp(24px,4vw,32px); line-height:1.2; margin:16px 0 8px; }
.doc h2 { font-size:18px; margin:32px 0 8px; padding-top:16px; border-top:1px solid var(--line); }
.doc li { margin:6px 0; }
.meta { color:var(--ink-2); font-size:14px; }
.foot { max-width:760px; margin:0 auto; padding:20px; border-top:1px solid var(--line); color:var(--ink-2); font-size:14px; }
@media print { .top nav, .foot { display:none; } }