:root{--accent:#1266a3;--accent2:#0e4f80;--soft:#e3eef7;--ink:#171d22;--ink2:#56636b;--line:#e2e8ec;--bg:#f7f9fa}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent2)}a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}
.top{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding:14px max(16px,calc(50% - 400px));background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}
.logo{width:34px;height:34px}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px}nav a{text-decoration:none;padding:4px 0}nav a[aria-current]{font-weight:700;border-bottom:2px solid var(--accent)}
main{max-width:800px;margin:0 auto;padding:28px 16px 40px}
h1{font-size:clamp(26px,5vw,34px);line-height:1.2;margin:0 0 18px}
h2{font-size:20px;margin:30px 0 8px;color:var(--accent2)}
li{margin:6px 0}
.links{font-size:15px}
footer{border-top:1px solid var(--line);background:#fff;padding:20px 16px;font-size:14px;color:var(--ink2)}
footer p{max-width:800px;margin:0 auto}
.hero{display:block;width:100%;height:auto;border-radius:14px;margin:0 0 18px}