*{box-sizing:border-box}body{margin:0;font:18px/1.65 system-ui,sans-serif;color:#17302c;background:#f6faf7}a{color:#07594d;text-decoration:underline;text-underline-offset:.2em}a:focus-visible{outline:3px solid #955700;outline-offset:4px}header,main,footer{max-width:760px;margin:auto;padding:24px}nav{display:flex;gap:20px;flex-wrap:wrap}h1,h2{line-height:1.2}h1{font-size:2.2rem}section{margin:32px 0}footer{border-top:1px solid #b9c9bf}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:12px} @media(max-width:500px){header,main,footer{padding:20px}h1{font-size:1.8rem}}