*{box-sizing:border-box}body{margin:0;font:17px/1.7 system-ui,sans-serif;background:#f6f8fa;color:#142e45}header,main,footer{max-width:760px;margin:auto;padding:28px 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3e9}a{color:#355d30}header a{text-decoration:none;font-weight:700}.brand{font-size:26px;letter-spacing:-1px}nav{display:flex;gap:20px;font-size:15px}h1{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin:16px 0 24px}h2{font-size:23px;line-height:1.3;margin-top:32px}p,li{color:#4c6172}.meta,footer{font-size:14px;color:#607688}.draft{padding:12px 18px;border:1px solid #c4923b;background:#fff5dd;border-radius:8px;font-size:14px}footer{border-top:1px solid #dce3e9}a:focus-visible{outline:3px solid #6d9239;outline-offset:4px}@media(max-width:480px){header{align-items:flex-start;gap:15px}nav{gap:12px}h1{font-size:34px}}