:root{color-scheme:light;font-family:Arial,sans-serif;color:#17212e;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:780px;margin:auto;padding:24px}header{border-bottom:1px solid #d2dae3}nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}a{color:#15549a;text-underline-offset:3px}a:focus-visible{outline:3px solid #547ad4;outline-offset:4px}main{background:#fff;line-height:1.65}h1{font-size:2rem;line-height:1.2}h2{font-size:1.2rem;margin-top:28px}p,li{max-width:68ch}footer{font-size:.9rem;line-height:1.5;color:#435269}@media(max-width:480px){header,main,footer{padding:20px}h1{font-size:1.7rem}}