*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4fafb;color:#183246;font:1rem/1.75 system-ui,sans-serif}header,main,footer{max-width:820px;margin:auto;padding:24px}header{border-bottom:1px solid #cee5e8;display:flex;gap:24px;align-items:center;flex-wrap:wrap}header a:first-child{font-size:1.45rem;font-weight:750;text-decoration:none}a{color:#007b88;overflow-wrap:anywhere}nav{display:flex;gap:18px;flex-wrap:wrap}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2;margin:28px 0}h2{font-size:1.25rem;margin-top:32px;line-height:1.4}p{overflow-wrap:anywhere}footer{border-top:1px solid #cee5e8;color:#4c6876;font-size:.9rem}a:focus-visible{outline:3px solid #009fae;outline-offset:4px}