:root { color-scheme: light; --green:#0f6a5c; --ink:#171a32; --muted:#5f6572; --line:#dce5e2; --bg:#fbf8ff; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: var(--bg); line-height: 1.7; }
header, main, footer { width: min(920px, calc(100% - 32px)); margin: auto; }
header { padding: 40px 0 20px; border-bottom: 1px solid var(--line); }
main { padding: 28px 0 60px; }
footer { padding: 20px 0 40px; color: var(--muted); border-top: 1px solid var(--line); }
h1, h2 { color: var(--green); line-height: 1.25; }
nav { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 20px; }
a { color: var(--green); }
.notice { border-inline-start: 5px solid var(--green); background: white; padding: 16px; margin: 20px 0; }
code { background: white; padding: 2px 6px; border: 1px solid var(--line); border-radius: 4px; }