:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.7;color:#26313c;background:#f4f2ed}body{margin:0}main{max-width:760px;margin:auto;padding:64px 24px}header{border-bottom:1px solid #c8c9c6;padding-bottom:32px}header span{font-size:.8rem;letter-spacing:.2em;color:#48746b}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2;letter-spacing:-.04em}h2{font-size:1.2rem}article{margin:36px 0}footer{font-size:.8rem;border-top:1px solid #c8c9c6;padding-top:24px;color:#646f79}@media(prefers-color-scheme:dark){:root{color:#deded8;background:#1e2529}header,footer{border-color:#465259}header span{color:#8cc3b4}footer{color:#acb4b9}}