*{box-sizing:border-box}body{margin:0;padding:28px 16px;background:#f4f6f2;color:#1b2b22;font:16px/1.7 system-ui,sans-serif}main{max-width:820px;margin:auto;background:#fff;padding:clamp(22px,5vw,54px);border:1px solid #dfe6dd;border-radius:22px}a{color:#1b7643;text-underline-offset:3px}.brand{font-size:26px;font-weight:850;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}h1{font-size:clamp(26px,5vw,36px);line-height:1.2}h2{font-size:20px;margin-top:30px}.draft{background:#fff7dc;border-left:4px solid #bc9233;padding:16px;border-radius:8px;font-size:14px}footer{margin-top:32px;border-top:1px solid #dfe6dd;padding-top:20px}a:focus-visible{outline:3px solid #8dc735;outline-offset:4px}