body{font:17px/1.6 system-ui,sans-serif;background:#f3f5f7;color:#172b3a;margin:0}main{max-width:760px;margin:40px auto;padding:28px;background:white;border-radius:12px}h1{font-size:30px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#005d91}section{border-top:1px solid #ddd;margin-top:28px;padding-top:12px}button{font:inherit;background:#005d91;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d88700;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5f7;padding:16px;font-size:14px}@media(max-width:600px){main{margin:12px;padding:18px}}