:root{--bg:#fbfaf7;--fg:#1f2328;--sub:#5b616b;--line:#e4e1da;--accent:#2f6f8f}
@media (prefers-color-scheme:dark){:root{--bg:#16181b;--fg:#e8e6e1;--sub:#a3a8b0;--line:#2c2f34;--accent:#7fb6cf}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:1.9;word-break:auto-phrase}
main{max-width:680px;margin:0 auto;padding:64px 20px 80px}
h1{font-size:28px;font-weight:700;line-height:1.4;margin:0 0 8px}
h2{font-size:18px;font-weight:700;margin:40px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
p,li{font-size:16px}
.lead{color:var(--sub);margin:0 0 32px}
a{color:var(--accent)}
ul{padding-left:1.2em}
footer{margin-top:56px;font-size:14px;color:var(--sub)}
footer a{margin-right:16px}