:root{--blue:#0b6e99;--ink:#343737;--muted:#60717a;--line:#d9e2e7}*{box-sizing:border-box}body{margin:0;background:#f2f5f7;color:var(--ink);font:16px/1.65 system-ui,sans-serif}main{width:min(820px,calc(100% - 32px));margin:32px auto;background:#fff;padding:38px;border-radius:20px}h1,h2{line-height:1.25;color:#164e68}h1{margin-top:0}a{color:var(--blue)}nav{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:36px;color:var(--muted)}.note{background:#eef5f8;border-radius:12px;padding:16px}@media(max-width:600px){main{width:100%;margin:0;border-radius:0;padding:26px 20px}}