body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#fff;line-height:1.7}
header,footer{background:#0b1b33;color:#fff}
.wrap,main{max-width:900px;margin:0 auto;padding:28px 20px}
nav a,footer a{color:#c7d7f2;margin-right:16px;text-decoration:none}
main{padding:44px 20px}
h1{font-size:38px;line-height:1.2;margin:0 0 16px}
h2{font-size:25px;margin-top:34px}
h3{font-size:19px;margin-top:24px}
.eyebrow{color:#1d4ed8;font-weight:800}
.hero-image{margin:26px 0;border:1px solid #dbeafe;border-radius:8px;overflow:hidden;background:#f8fbff}
.hero-image img{display:block;width:100%;height:auto}
.toc,.note{border:1px solid #dbeafe;background:#f8fbff;border-radius:8px;padding:18px}
.cta{display:inline-flex;margin-top:22px;background:#2563eb;color:#fff;text-decoration:none;font-weight:800;border-radius:8px;padding:12px 16px}
a{color:#1d4ed8}
@media (max-width:560px){main{padding:34px 18px}h1{font-size:31px}}