*{box-sizing:border-box}body{margin:0;background:#f7f8f8;color:#20302e;font-family:system-ui,sans-serif;line-height:1.85}header,main,footer{max-width:760px;margin:auto;padding:24px}header{border-bottom:1px solid #d8dfdc}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#17624e;text-underline-offset:4px}main{padding-top:40px;padding-bottom:56px}h1{font-size:clamp(26px,5vw,36px);line-height:1.4}h2{font-size:21px;margin-top:32px}.draft{background:#fff3d7;border-left:4px solid #a37315;padding:12px 16px}.note{color:#566560}footer{border-top:1px solid #d8dfdc;font-size:14px}li{margin:8px 0}a:focus-visible{outline:3px solid #17624e;outline-offset:4px}