:root{color-scheme:light;font-family:system-ui,sans-serif;color:#172c34;background:#f3f6f5}body{margin:0}header,main,footer{max-width:820px;margin:auto;padding:28px}header{border-bottom:1px solid #ccd9d6}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#076959}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1}h2{margin-top:32px;font-size:1.3rem}p,li{line-height:1.7}.draft{background:#fff1cf;border-left:4px solid #a96700;padding:16px}.label{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700}footer{font-size:.9rem;border-top:1px solid #ccd9d6}code{overflow-wrap:anywhere}