:root { color-scheme:light; --blue:#245BD9; --navy:#142B54; --ink:#18304e; --muted:#53677f; --edge:#dce6f2; --bg:#f6f9ff; --white:#fff; --aqua:#0e8978; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65} a{color:#1557c8;text-underline-offset:3px} a:hover{color:#063f9e} a:focus-visible{outline:3px solid #b5dbff;outline-offset:3px;border-radius:4px}
.site-header{background:linear-gradient(120deg,#153775,#275fc8);color:#fff} .wrap{width:min(100% - 2.2rem,1040px);margin-inline:auto} .topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0} .brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:800;font-size:1.22rem} .brand img{width:43px;height:43px;border-radius:11px;box-shadow:0 4px 13px #12245230} .nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.92rem}.nav a{color:#eaf2ff;text-decoration:none}.nav a:hover{text-decoration:underline;color:#fff} .hero{padding:4.7rem 0 5rem}.eyebrow{display:inline-block;border:1px solid #abcaff70;color:#e6f1ff;font-size:.8rem;letter-spacing:.07em;padding:.3rem .8rem;border-radius:100px;font-weight:700}h1{font-size:clamp(2.1rem,5vw,3.75rem);line-height:1.14;letter-spacing:-.045em;margin:1rem 0}.hero p{font-size:1.12rem;max-width:660px;color:#ecf4ff}.hero-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.72rem 1.1rem;font-weight:700;text-decoration:none}.btn-primary{background:#fff;color:#153e84}.btn-primary:hover{background:#ecf5ff;color:#153e84}.btn-secondary{color:#fff;border:1px solid #fff9}.btn-secondary:hover{background:#ffffff1a;color:#fff}.main{padding:2rem 0 4rem}.section-intro{max-width:730px;margin-bottom:1.3rem}.section-intro h2{margin-bottom:.2rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:#fff;border:1px solid var(--edge);box-shadow:0 5px 20px #182e5410;border-radius:17px;padding:1.4rem}.card h3{margin:.3rem 0;font-size:1.05rem}.card p{margin:.35rem 0 0;color:var(--muted);font-size:.96rem}.card-icon{font-size:1.6rem}.strip{background:#e9f2ff;border-radius:17px;padding:1.5rem;margin-top:1.4rem}.strip h2{margin:.1rem 0 .35rem}.strip p{margin:0;color:#344b64}.footer{background:#102448;color:#e7f2ff;padding:2rem 0}.footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{color:#cce1ff}.footer-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.foot-note{font-size:.82rem;color:#c8d8eb}.page-hero{padding:2.2rem 0 2.8rem}.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem)}.page-hero p{max-width:780px;color:#e6f0ff}.article{background:#fff;border:1px solid var(--edge);border-radius:18px;padding:clamp(1.3rem,4.5vw,3rem);max-width:900px;margin:-1.3rem auto 0;box-shadow:0 9px 32px #1f355617}.article h2{font-size:1.26rem;letter-spacing:-.014em;color:#183a71;margin:2rem 0 .5rem}.article h2:first-child{margin-top:0}.article h3{font-size:1.05rem;margin:1.3rem 0 .35rem}.article p{margin:.65rem 0}.article ul,.article ol{padding-left:1.3rem}.article li{padding:.18rem 0}.article .callout{background:#eef5ff;border-left:4px solid var(--blue);padding:.8rem 1rem;border-radius:0 9px 9px 0}.article .meta{font-size:.9rem;color:var(--muted)}.article strong{color:#193d73}.small{font-size:.91rem;color:var(--muted)}.linked-list a{display:inline-block;padding:.3rem 0}.footer strong{color:white}
@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.nav{gap:.3rem 1rem}.hero{padding:2.9rem 0 3.6rem}.cards{grid-template-columns:1fr}.page-hero{padding:2rem 0 2.5rem}.footer .wrap{display:block}.footer-links{margin-top:.75rem}.article{margin-top:-.8rem}}
@media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto}}