*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f8f6f0;color:#24302c;font:18px/1.75 Georgia,serif}main,header,footer{max-width:780px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd8cc;font:15px system-ui}a{color:#28644d;text-underline-offset:4px}header a{text-decoration:none}nav a{margin-left:20px}.brand{font-weight:700;letter-spacing:.16em}h1{font-size:clamp(32px,6vw,52px);line-height:1.15;margin:24px 0}h2{font-size:26px;line-height:1.3}p{margin:1em 0}.intro{font-size:21px;color:#5a665d}.entry{border-top:1px solid #ddd8cc;padding:20px 0}.label,footer{font:13px/1.6 system-ui;color:#677267}footer{border-top:1px solid #ddd8cc;margin-top:30px}article{padding-bottom:25px}code{font-size:15px} @media(max-width:520px){main,header,footer{padding:20px}nav a{margin-left:12px}}