:root{--bg:#fff;--fg:#1c1f23;--muted:#5b636d;--line:#d9dde2;--link:#0b5cad}
@media (prefers-color-scheme:dark){:root{--bg:#16181b;--fg:#e8eaed;--muted:#9aa3ad;--line:#2d3238;--link:#7db3ee}}
html{background:var(--bg);color:var(--fg);font:16px/1.7 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif}
body{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
h1{font-size:1.6rem;line-height:1.3;margin:0 0 1rem}
h2{font-size:1.1rem;margin:2rem 0 .5rem}
p,li{margin:.5rem 0}
a{color:var(--link)}
nav{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
nav a{margin-right:1rem}
.ja{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}