*{box-sizing:border-box}body{margin:auto;max-width:54rem;padding:1.2rem;font:1.1rem/1.7 system-ui,sans-serif;color:#192d34;background:#f7faf8}nav{display:flex;gap:1.2rem;flex-wrap:wrap;border-bottom:2px solid #54736c}a{color:#145b68;overflow-wrap:anywhere}nav a{display:inline-block;padding:.8rem 0}main{padding:1rem 0}h1{font-size:2.4rem;line-height:1.2}h2{line-height:1.3;margin-top:1.8rem}footer{border-top:1px solid #54736c;padding:1rem 0}a:focus-visible{outline:3px solid #145b68;outline-offset:4px}