:root{--bg:#F7F2EA;--text:#2E2925;--muted:#6A625B;--rule:rgba(52,44,38,.12);--accent:#B0553A}
@media (prefers-color-scheme:dark){:root{--bg:#141217;--text:#EFE9DF;--muted:#BDB5AC;--rule:rgba(237,231,220,.15);--accent:#E59474}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 16px 80px}
h1{font:700 2rem/1.3 "Hiragino Maru Gothic ProN",-apple-system,sans-serif;margin:0 0 8px}
h2{font-size:1.1rem;margin:2em 0 .4em}
p,li{margin:.4em 0}ul{padding-left:1.2em}a{color:var(--accent)}
.meta{color:var(--muted);font-size:.95rem}
nav{margin:16px 0 32px;font-size:.95rem}
hr{border:0;border-top:1px solid var(--rule);margin:56px 0}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-weight:700}
.brand img{width:36px;height:36px;border-radius:9px}
footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--rule);color:var(--muted);font-size:.9rem}