*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#183151;font:16px/1.6 system-ui}main{max-width:960px;margin:auto;padding:20px}nav{display:flex;gap:12px;flex-wrap:wrap}a{color:#164e9a;overflow-wrap:anywhere}section{padding:18px;background:white;border:1px solid #c6d2e1;border-radius:12px;margin:20px 0;scroll-margin-top:12px}h1{font-size:2.2rem}h2{font-size:1.4rem}li{margin:12px 0}select{display:block;font:inherit;max-width:100%;padding:10px}a:focus-visible,select:focus-visible{outline:3px solid #b46400;outline-offset:3px}footer{padding:20px 0}@media(max-width:400px){main{padding:10px}section{padding:12px}ol{padding-left:22px}}