:root{--paper:#f6f7f5;--ink:#1b2430;--sub:#566170;--rule:#c9ced4;--accent:#0f5e66}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#14181d;--ink:#e6e9ec;--sub:#9aa4b0;--rule:#323a44;--accent:#6cc3c9;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#14181d;--ink:#e6e9ec;--sub:#9aa4b0;--rule:#323a44;--accent:#6cc3c9;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Sans","Yu Gothic","Meiryo",system-ui,sans-serif;font-size:15px;line-height:1.8;padding:32px 16px 48px}
.page{max-width:720px;margin:0 auto}
h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(26px,6vw,38px);text-align:center;letter-spacing:.06em;margin:0 0 6px;padding-bottom:12px;border-bottom:3px double var(--ink)}
h1 small{display:block;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.3em;font-weight:400;color:var(--sub)}
h2{font-size:17px;margin:24px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--rule)}
.lead{color:var(--sub);margin:14px 0 0}
p,ul{margin:0 0 8px}
ul{padding-left:1.2em}
a{color:var(--accent);text-underline-offset:3px}
.date{color:var(--sub);font-size:13px}
footer{margin-top:32px;padding-top:12px;border-top:1px solid var(--rule);font-size:13px}