body{margin:0;background:#f7f9ff;color:#182137;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:760px;margin:auto;padding:24px}header{border-bottom:1px solid #d5dcec}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#343bc1;text-underline-offset:4px}h1{font-size:2.3rem;line-height:1.2}h2{font-size:1.3rem;margin-top:2rem}main{min-height:60vh}footer{border-top:1px solid #d5dcec;font-size:.9rem}a:focus-visible{outline:3px solid #343bc1;outline-offset:5px}@media(max-width:500px){header,main,footer{padding:20px}h1{font-size:1.9rem}}