:root{--ink:#111821;--paper:#f4f3ef;--white:#fff;--blue:#1676d2;--muted:#59616a;--max:940px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,Segoe UI,Arial,sans-serif}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.top{background:var(--ink);color:white;padding:18px 0}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:white;font-size:22px;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand span{color:#57aaff}.top nav{display:flex;gap:20px;flex-wrap:wrap}.top nav a{color:#e1e5e9;text-decoration:none;font-size:14px}.top nav a:hover{color:#7dbaff}main{padding:32px 0 76px}.crumb{font-size:14px;color:#5b6570;margin:0 0 38px}.crumb a{color:#126fc3}.kicker{color:#126fc3;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px}.article{max-width:760px}.article h1{font-size:clamp(38px,7vw,64px);line-height:1.05;letter-spacing:-.05em;margin:12px 0 20px}.intro{font-size:20px;line-height:1.55;color:#39434d;margin:0 0 36px}.article h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:42px 0 12px}.article p,.article li{color:#414b55}.article ul{padding-left:22px}.tip{border-left:4px solid var(--blue);background:#fff;padding:18px 22px;margin:28px 0}.tip strong{display:block;margin-bottom:4px}.cta{margin-top:46px;padding:28px;background:var(--ink);color:#fff}.cta h2{margin:0 0 8px;color:white}.cta p{color:#d4dbe2;margin:0 0 18px}.button{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;background:var(--blue);color:white;text-decoration:none;font-weight:750;border-radius:3px}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:18px}.related a{background:white;padding:13px 16px;color:#126fc3;text-decoration:none;font-weight:700}.related a:hover{text-decoration:underline}footer{padding:24px 0;background:var(--ink);color:#b7c0c9;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}footer a{color:white}@media(max-width:620px){.top-inner{align-items:flex-start;flex-direction:column}.top nav{gap:12px}.article h1{font-size:42px}.intro{font-size:18px}.article h2{font-size:23px}}
