:root{color-scheme:light dark;--paper:#fbf8f1;--ink:#233e33;--muted:#52675c;--line:#d4dfd3;--accent:#234e3f}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:820px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}nav{display:flex;gap:20px;flex-wrap:wrap}.brand{font-size:24px;font-weight:800;text-decoration:none}h1{font-size:clamp(30px,6vw,44px);line-height:1.2;margin:12px 0 20px}h2{font-size:24px;line-height:1.4;margin-top:32px}p,li{overflow-wrap:anywhere}.meta{color:var(--muted);font-size:14px}.notice{padding:20px;border:1px solid var(--line);border-radius:16px}.action{display:inline-block;background:var(--accent);color:var(--paper);padding:12px 20px;border-radius:12px;font-weight:650;text-decoration:none}li+li{margin-top:10px}footer{border-top:1px solid var(--line);font-size:15px;padding-bottom:48px}.skip{position:absolute;top:-100px;left:16px}.skip:focus{top:8px;background:var(--paper);padding:8px;z-index:1}
@media(prefers-color-scheme:dark){:root{--paper:#14251e;--ink:#edf2e8;--muted:#b1c4b7;--line:#3e574a;--accent:#b8d5a5}}
@media(max-width:480px){header,main,footer{padding:20px}nav{gap:12px;font-size:15px}}