:root{--fg:#1d1d1f;--bg:#fbfbfa;--muted:#6b6b6b;--line:#e2e2df;--link:#1b4f9c}
@media (prefers-color-scheme:dark){:root{--fg:#e8e8e6;--bg:#151515;--muted:#9a9a9a;--line:#333;--link:#8ab4f8}}
html{font-family:-apple-system,"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;line-height:1.75;color:var(--fg);background:var(--bg)}
body{margin:0;padding:0 16px}
main{max-width:720px;margin:0 auto;padding:48px 0 80px}
h1{font-size:1.6rem;margin:0 0 .25em}h2{font-size:1.15rem;margin:2em 0 .5em;border-bottom:1px solid var(--line);padding-bottom:.25em}
p,li{font-size:1rem}.muted{color:var(--muted);font-size:.9rem}
a{color:var(--link)}nav a{margin-right:1.2em}
footer{margin-top:64px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}