:root { --paper:#F2EFE9; --card:#FBFAF7; --ink:#161514; --ink2:#4A4744; --rule:#D6CFC3; --pen:#9A4A22; }
@media (prefers-color-scheme: dark) { :root { --paper:#161514; --card:#1F1D1B; --ink:#F2EFE9; --ink2:#B9B2A8; --rule:#3A3632; --pen:#D08A5C; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter, system-ui, sans-serif; padding:40px 16px 64px; }
main { max-width:720px; margin:0 auto; }
a { color:var(--pen); }
.k { font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--pen); margin:0 0 12px; }
h1 { font-family:Fraunces, Georgia, serif; font-weight:500; font-size:clamp(34px,6vw,48px); line-height:1.05; margin:0 0 10px; }
.date { color:var(--ink2); margin:0 0 32px; }
h2 { font-family:Fraunces, Georgia, serif; font-weight:500; font-size:24px; margin:34px 0 10px; }
p, li { font-size:16px; line-height:1.6; color:var(--ink2); }
ul { padding-left:20px; }
.box { background:var(--card); border:1px solid var(--rule); border-radius:8px; padding:18px 20px; }
.box p { margin:0; }
footer { max-width:720px; margin:48px auto 0; padding-top:18px; border-top:1px solid var(--rule); font-size:14px; color:var(--ink2); }