:root{
  --navy:#0B2138; --navy-2:#12314F; --navy-3:#1B4067;
  --blue:#2D74D6; --blue-dk:#1E5CB4; --blue-tint:#E7F0FB; --blue-tint-2:#F2F7FC;
  --white:#FFFFFF; --rule:#D9E4F0; --slate:#5A7391;
  --on-navy:#D8E5F3; --muted-navy:#9FB8D4;
  --shadow:0 1px 2px rgba(11,33,56,.05),0 8px 24px rgba(11,33,56,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--white);color:var(--navy);
  font-family:"Public Sans",system-ui,sans-serif;font-size:18px;line-height:1.68;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.015em;line-height:1.14;margin:0}
a{color:inherit}
p{margin:0 0 20px}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--rule);box-shadow:0 1px 12px rgba(11,33,56,.06)}
.bar{display:flex;align-items:center;gap:26px;height:84px}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;margin-right:auto}
.seal{height:36px;width:72px;flex:none;display:block}
.brand b{font-family:Fraunces,serif;font-weight:600;font-size:1.2rem;line-height:1.15;letter-spacing:-.015em;display:block;color:var(--navy)}
.brand i{font-style:normal;color:var(--blue);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;font-family:"IBM Plex Mono",monospace;display:block;margin-top:3px}
nav a{color:var(--navy-2);text-decoration:none;font-size:.94rem;font-weight:500}
nav a:hover{color:var(--blue)}
.navlinks{display:flex;gap:26px}
.cta{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:12px 22px;font-weight:500;
  font-size:.9rem;border:none;cursor:pointer;font-family:inherit;border-radius:6px;box-shadow:0 2px 8px rgba(45,116,214,.28);transition:background .18s,transform .18s}
.cta:hover{background:var(--blue-dk);transform:translateY(-1px)}
@media(max-width:960px){.navlinks{display:none}}
@media(max-width:620px){
  .bar{height:74px;gap:14px}
  .seal{height:30px;width:60px}
  .brand b{font-size:1rem}
  .brand i{display:none}
  header .cta{padding:10px 14px;font-size:.82rem}
}

.masthead{background:linear-gradient(160deg,#0B2138 0%,#12314F 58%,#17406A 100%);color:var(--on-navy);padding:70px 0 66px}
.back{color:#A9C4E2;text-decoration:none;display:inline-flex;align-items:center;gap:9px;margin-bottom:26px;font-size:.85rem}
.back:hover{color:#fff}
.back svg{width:16px;height:16px}
.kicker{color:#7FB2F5;margin-bottom:16px}
.masthead h1{font-size:clamp(2rem,4.6vw,3.2rem);color:#fff;max-width:20ch}
.standfirst{max-width:56ch;margin-top:20px;font-size:1.14rem;color:#C6D9EE;font-weight:300}
.byline{margin-top:30px;padding-top:22px;border-top:1px solid rgba(159,184,212,.24);color:var(--muted-navy);font-size:.88rem}
.byline b{color:#fff;font-weight:500}

article{padding:66px 0 20px;max-width:720px;margin:0 auto}
article h2{font-size:1.6rem;margin:44px 0 16px}
article h3{font-size:1.16rem;margin:32px 0 12px}
article p{color:var(--navy-2)}
article strong{font-weight:600}
article ul,article ol{color:var(--navy-2);padding-left:22px;margin:0 0 22px}
article li{margin-bottom:11px}
article li::marker{color:var(--blue)}
.pull{border-left:3px solid var(--blue);padding:6px 0 6px 24px;margin:32px 0;
  font-family:Fraunces,Georgia,serif;font-size:1.32rem;line-height:1.35;color:var(--navy)}
.callout{background:var(--blue-tint-2);border:1px solid var(--rule);border-radius:10px;padding:24px 26px;margin:32px 0}
.callout h3{margin:0 0 12px;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:500}
.callout p:last-child,.callout ul:last-child{margin-bottom:0}

.endnote{max-width:720px;margin:50px auto 0;padding-top:26px;border-top:1px solid var(--rule);color:var(--slate);font-size:.86rem}
.cardcta{background:var(--navy);color:var(--on-navy);margin-top:70px;padding:66px 0}
.cardcta .inner{max-width:720px;margin:0 auto}
.cardcta h2{color:#fff;font-size:1.8rem;margin-bottom:14px}
.cardcta p{color:#C6D9EE;max-width:52ch}
.cardcta .cta{margin-top:12px}
.more{padding:66px 0;background:var(--blue-tint-2);border-top:1px solid var(--rule)}
.more .lab{color:var(--blue);margin-bottom:20px}
.morelist{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.morelist a{display:block;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:24px;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s}
.morelist a:hover{transform:translateY(-3px)}
.morelist h3{font-size:1.1rem;margin-bottom:8px}
.morelist p{margin:0;font-size:.9rem;color:var(--slate)}
@media(max-width:760px){.morelist{grid-template-columns:1fr}}

footer{background:#081A2C;color:var(--muted-navy);padding:44px 0;font-size:.81rem}
.fine{max-width:80ch;font-weight:300}
.fine p{margin:0 0 12px}