*{box-sizing:border-box}body{font:17px/1.7 system-ui,sans-serif;color:#263646;background:#f4f6f8;max-width:880px;margin:36px auto;padding:0 24px}header,footer{padding:12px 0}main{background:#fff;border:1px solid #dfe6ed;border-radius:16px;padding:32px}h1{font-size:2rem;line-height:1.25}h2{line-height:1.3}nav{display:flex;flex-wrap:wrap;gap:16px}a{color:#195aa0;text-underline-offset:3px}nav a[aria-current]{font-weight:700}footer{font-size:.85rem;color:#536274}li{margin:12px 0}@media(max-width:550px){body{margin:16px auto;padding:0 14px}main{padding:22px}h1{font-size:1.6rem}}