:root{--ink:#1d2327;--sub:#5b6770;--bg:#faf8f4;--card:#ffffff;--line:#e4e0d8;--accent:#1f7a6d}
@media (prefers-color-scheme:dark){:root{--ink:#e8ecef;--sub:#9aa7b0;--bg:#14181b;--card:#1b2024;--line:#2b3238;--accent:#46b3a2}}
*{box-sizing:border-box}
body{overflow-wrap:break-word;margin:0;background:var(--bg);color:var(--ink);font:13px/1.75 "Yu Gothic","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;-webkit-text-size-adjust:100%}
main{max-width:720px;margin:0 auto;padding:24px 20px 56px}
header.site{max-width:720px;margin:0 auto;padding:20px 20px 0;color:var(--sub);font-size:14px;letter-spacing:.08em}
header.site a{color:inherit;text-decoration:none}
h1{font-size:1.05em;line-height:1.4;margin:.6em 0 .2em}
h2{font-size:1.1em;margin:2em 0 .5em;padding-left:.7em;border-left:4px solid var(--accent)}
ul{padding-left:1.3em}li{margin:.3em 0}
a{color:var(--accent);overflow-wrap:anywhere}
.meta{color:var(--sub);font-size:.9em}
footer{max-width:720px;margin:0 auto;padding:0 20px 40px;color:var(--sub);font-size:.85em}
.meta span+span{margin-left:1.2em}
h3{font-size:1em;margin:1.6em 0 .4em}