:root{
  --navy:#0c2135;
  --navy-2:#14344f;
  --gold:#b78b3d;
  --gold-soft:#f4ead7;
  --cream:#fbfaf7;
  --ink:#18212a;
  --muted:#66727d;
  --line:#e7e3dc;
  --white:#fff;
  --green:#2f6b56;
  --shadow:0 16px 45px rgba(15,33,51,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:var(--navy-2);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--gold)}
.container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(12,33,53,.08)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;color:var(--navy);display:inline-flex;flex-direction:column;line-height:1}
.brand strong{font-size:29px;letter-spacing:.12em;font-weight:800}
.brand small{font-size:9px;letter-spacing:.21em;margin-top:8px;color:var(--muted);font-weight:700}
.nav-links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}
.nav-links a{text-decoration:none;color:var(--navy)}
.nav-cta{border:1px solid var(--gold);border-radius:9px;padding:10px 16px}
.hero{background:linear-gradient(180deg,#fff 0%,#faf8f3 100%);padding:62px 0 42px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold);margin-bottom:14px}
h1,h2,h3{color:var(--navy);line-height:1.16;margin-top:0;font-family:Georgia,"Times New Roman",serif}
h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.035em;max-width:930px;margin-bottom:20px}
.deck{font-size:20px;line-height:1.55;max-width:820px;color:#44515d;margin:0 0 24px}
.meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-weight:600}
.meta span+span:before{content:"•";margin-right:18px;color:var(--gold)}
.featured{margin:38px 0 0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:#eee}
.featured img{width:100%;display:block;aspect-ratio:1200/630;object-fit:cover}
.featured figcaption{background:#fff;padding:10px 16px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-top:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:58px;padding:58px 0 72px}
article{font-size:18px;min-width:0}
article p{margin:0 0 20px}
article h2{font-size:34px;margin:50px 0 18px;padding-top:4px}
article h3{font-size:24px;margin:34px 0 12px}
article ul,article ol{padding-left:24px;margin:16px 0 24px}
article li{padding-left:4px;margin-bottom:10px}
.lede{font-size:20px;color:#374550}
.callout{border-left:4px solid var(--gold);background:var(--cream);padding:18px 22px;border-radius:0 12px 12px 0;margin:28px 0;color:#33414d}
.source-link{font-size:.92em}
.disclaimer{margin-top:42px;padding:22px 24px;background:#f7f8f8;border:1px solid #e1e5e7;border-radius:14px;font-size:14px;color:#53616c}
.sources{margin-top:42px;border-top:1px solid var(--line);padding-top:30px}
.sources h2{font-size:26px;margin:0 0 14px}
.sources ol{font-size:14px;color:#586672}
.sidebar{position:relative}
.sticky{position:sticky;top:108px;display:flex;flex-direction:column;gap:18px}
.card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;box-shadow:0 9px 28px rgba(15,33,51,.05)}
.card h3{font-family:Inter,ui-sans-serif,sans-serif;font-size:18px;margin:0 0 14px}
.card ul{list-style:none;margin:0;padding:0;font-size:14px;color:#4e5d69}
.card li{display:flex;gap:10px;margin:0 0 13px}
.card li:last-child{margin-bottom:0}
.tick{width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#e6f0eb;color:var(--green);font-size:12px;font-weight:900;display:grid;place-items:center;margin-top:2px}
.trust{background:linear-gradient(150deg,var(--navy),var(--navy-2));color:#fff;border:none}
.trust h3{color:#fff}
.trust p{font-size:14px;color:#e6edf2;margin:0}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:12px;border:1px solid var(--line);background:#faf9f6;border-radius:999px;padding:6px 10px;color:#53616c}
.site-footer{background:var(--navy);color:#dfe7ed;padding:38px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.footer-brand{font-size:22px;letter-spacing:.12em;font-weight:800;color:#fff}
.footer-copy{font-size:13px;color:#b9c5ce;margin-top:10px;max-width:620px}
.company{font-size:13px;color:#cbd4db;line-height:1.8}
.legal{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#aebbc4;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:860px){
  .nav-links a:not(.nav-cta){display:none}
  .layout{grid-template-columns:1fr;gap:34px;padding-top:42px}
  .sticky{position:static}
  .sidebar{order:-1}
  .featured{border-radius:14px}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{width:min(100% - 28px,1120px)}
  .hero{padding:42px 0 32px}
  h1{font-size:39px}
  .deck,.lede{font-size:17px}
  article{font-size:17px}
  article h2{font-size:29px}
  .brand strong{font-size:23px}
  .brand small{letter-spacing:.12em;font-size:8px}
  .nav{height:68px}
}