:root { --fg:#1a1a1a; --bg:#fdfdfb; --muted:#555; --rule:#d8d8d0; --ph:#fff3c4; --link:#0b4f8a; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#ececec; --bg:#161616; --muted:#aaa; --rule:#333; --ph:#4a3f10; --link:#8cc4f5; }
}
* { box-sizing: border-box; }
body { margin:0; font:17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--fg); background:var(--bg); }
header, main, footer { max-width:46rem; margin:0 auto; padding:0 16px; }
header { padding-top:20px; border-bottom:1px solid var(--rule); }
.brand { font-size:1.4rem; font-weight:600; margin:0 0 8px; }
nav { display:flex; flex-wrap:wrap; gap:6px 16px; padding-bottom:12px; font-size:.95rem; }
a { color:var(--link); }
nav a[aria-current] { font-weight:700; }
h1 { font-size:1.9rem; line-height:1.2; margin:1.4rem 0 .6rem; }
h2 { font-size:1.25rem; margin:1.8rem 0 .4rem; }
.ph { background:var(--ph); padding:0 .3em; border-radius:3px; }
.notice { border:1px solid var(--rule); border-left:4px solid var(--link); padding:8px 12px; margin:1rem 0; }
.draft { border:1px solid var(--rule); border-left:4px solid #c9a100; padding:8px 12px; margin:1rem 0; }
table { border-collapse:collapse; width:100%; margin:1rem 0; }
th, td { text-align:left; padding:6px 8px; border-bottom:1px solid var(--rule); vertical-align:top; }
footer { border-top:1px solid var(--rule); margin-top:3rem; padding-bottom:32px; color:var(--muted); }
.small { font-size:.85rem; }