:root{color-scheme:light dark;font-family:Georgia,serif;background:#ece9e1;color:#252b2a}body{margin:0}main{max-width:880px;margin:auto;padding:48px 24px}header{padding:40px 0 56px;border-bottom:1px solid #aaa}header span,time,footer{font:12px system-ui,sans-serif;letter-spacing:1px}h1{font-size:clamp(36px,7vw,64px);font-weight:400;line-height:1.1;max-width:650px}h2{font-size:27px;font-weight:400}p{font-size:18px;line-height:1.7;max-width:630px}article{padding:32px 0;border-bottom:1px solid #aaa}time{color:#626e68}footer{padding:36px 0}@media(prefers-color-scheme:dark){:root{background:#1e2623;color:#dfddd2}time{color:#a5b3aa}}