/* ============================================================
   Blog styles. Loaded on top of styles.css.
   ============================================================ */
.blog-navlink{
  font-family:var(--heading);font-weight:700;font-size:14px;letter-spacing:.04em;
  color:#cfd6e0;margin-right:var(--s-5);
}
.blog-navlink:hover{color:#fff}

.blog-hero{
  background:linear-gradient(135deg,#012a66 0%,#013989 52%,#243673 100%);
  color:#fff;padding:var(--s-9) 0 var(--s-8);position:relative;overflow:hidden;
}
.blog-hero::after{
  content:"";position:absolute;inset:0;
  background:url('../assets/hero-bg.jpg') center/cover no-repeat;opacity:.13;mix-blend-mode:screen;
}
.blog-wrap{max-width:var(--measure-wide);margin:0 auto;padding:0 var(--s-5);position:relative;z-index:2}
.blog-narrow{max-width:720px;margin:0 auto;padding:0 var(--s-5);position:relative;z-index:2}
.blog-hero .eyebrow{color:#7fb4ff;margin-bottom:var(--s-4)}
.blog-hero h1{color:#fff;margin-bottom:var(--s-4)}
.blog-hero p{color:#c7d8f0;font-size:19px;line-height:1.65;max-width:44ch;margin:0}

.blog-list{padding:var(--s-8) 0 var(--s-9)}
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5)}
@media(max-width:820px){.post-grid{grid-template-columns:1fr}}
.post-card{
  display:block;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:var(--s-6);transition:border-color .18s,transform .18s,box-shadow .18s;
}
.post-card:hover{border-color:var(--sky);transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,41,55,.08);text-decoration:none}
.post-meta{
  font-family:var(--heading);font-weight:700;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sky);margin-bottom:var(--s-3);
}
.post-card h2{font-size:22px;line-height:1.3;margin-bottom:var(--s-3);color:var(--charcoal)}
.post-card p{font-size:15px;line-height:1.6;color:var(--slate-light);margin:0}
.post-more{
  display:inline-block;margin-top:var(--s-4);font-family:var(--heading);font-weight:700;
  font-size:14px;color:var(--blue);
}

/* article */
.article{padding:var(--s-8) 0 var(--s-9)}
.article-meta{
  font-family:var(--heading);font-weight:700;font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--sky);margin-bottom:var(--s-4);
}
.article h1{font-size:clamp(30px,4.4vw,46px);line-height:1.14;margin-bottom:var(--s-5)}
.article .standfirst{font-size:20px;line-height:1.6;color:var(--slate);margin-bottom:var(--s-7)}
.article h2{font-size:clamp(24px,3vw,30px);margin:var(--s-8) 0 var(--s-4)}
.article h3{font-size:20px;margin:var(--s-6) 0 var(--s-3)}
.article p{font-size:17.5px;line-height:1.78}
.article ul{margin:0 0 var(--s-5) 22px}
.article li{font-size:17.5px;line-height:1.75;color:var(--slate);margin-bottom:10px}
.article-callout{
  background:var(--blue-ghost);border-left:4px solid var(--blue);border-radius:0 10px 10px 0;
  padding:var(--s-5) var(--s-6);margin:var(--s-6) 0;
}
.article-callout p{margin:0;font-size:17px;color:var(--charcoal)}
.article-cta{
  background:linear-gradient(135deg,#012a66 0%,#013989 52%,#243673 100%);
  color:#fff;border-radius:14px;padding:var(--s-7);margin:var(--s-8) 0 0;text-align:center;
}
.article-cta h3{color:#fff;margin-bottom:var(--s-3)}
.article-cta p{color:#c7d8f0;margin-bottom:var(--s-5);font-size:17px}
.article-disclaimer{
  font-size:13px;line-height:1.7;color:var(--slate-light);
  border-top:1px solid var(--line);padding-top:var(--s-5);margin-top:var(--s-7);
}
.blog-foot{background:var(--header-dark-2);color:#9aa3af;padding:var(--s-7) 0 var(--s-6);margin-top:var(--s-8)}
.blog-foot img{height:32px;opacity:.9;margin-bottom:var(--s-4)}
.blog-foot p{color:#9aa3af;font-size:13.5px;line-height:1.7;margin:0 0 var(--s-3)}
.blog-foot .tagline{font-family:var(--heading);font-weight:700;color:#d5dbe4;font-size:15px}