/* The shared navigation includes Articles on desktop, mobile and in the footer. */
@media (min-width:901px) {
  .header .desktop-nav { margin-left:auto; gap:clamp(12px,1.8vw,28px); }
}
.articles-hero { padding:170px 0 75px; }
.articles-hero__layout { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:64px; margin-top:36px; }
.articles-hero__copy h1 { font-size:clamp(48px,5.5vw,80px); line-height:1.02; }
.articles-hero__copy .lead { max-width:540px; margin:28px 0; }
.articles-hero__image { position:relative; overflow:hidden; border-radius:24px; border:1px solid #899fc34d; margin:0; min-height:400px; background:#12233f; }
.articles-hero__image img { width:100%; height:440px; object-fit:cover; }
.articles-hero__image::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 30%,#06132be8); pointer-events:none; }
.articles-hero__image figcaption { position:absolute; z-index:1; inset:auto 32px 32px; }
.articles-hero__image figcaption span { display:block; font-size:11px; letter-spacing:.14em; color:#f8d5b1; margin-bottom:12px; }
.articles-hero__image figcaption strong { font-family:Bricolage,sans-serif; font-size:36px; line-height:1.1; }
.articles-series { padding-top:40px; scroll-margin-top:120px; }
.articles-series__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:38px; }
.articles-series__heading h2 { font-size:clamp(32px,3.5vw,50px); line-height:1.08; margin-bottom:0; }
.articles-series__heading>p { color:#b9c8df; margin-bottom:0; }
.articles-series__footer { display:flex; justify-content:space-between; gap:20px; margin-top:32px; padding-top:24px; border-top:1px solid #96b0d333; }
.articles-series__footer p { margin:0; }
.articles-series__footer a { color:#a9eee2; text-decoration:underline; text-underline-offset:5px; }
.articles-teaser { padding-top:20px; }
.articles-teaser__panel { display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:center; padding:54px; border:1px solid #96b0d34d; border-radius:26px; background:radial-gradient(ellipse at 100% 100%,#21585466,transparent 65%),#101d38; }
.articles-teaser h2 { font-size:clamp(36px,4.2vw,60px); line-height:1.05; margin-bottom:24px; }
.articles-teaser__panel>div>p:not(.eyebrow) { max-width:520px; margin-bottom:26px; }
@media (max-width:1000px) {
  .articles-hero__layout { gap:30px; }
}
@media (max-width:700px) {
  .articles-hero { padding:120px 0 40px; }
  .articles-hero__layout { grid-template-columns:1fr; margin-top:28px; }
  .articles-hero__image { min-height:280px; }
  .articles-hero__image img { height:300px; }
  .articles-hero__image figcaption { inset:auto 24px 24px; }
  .articles-hero__image figcaption strong { font-size:30px; }
  .articles-series__heading,.articles-series__footer { flex-direction:column; align-items:flex-start; gap:16px; }
  .articles-teaser__panel { grid-template-columns:1fr; padding:32px 24px; gap:30px; }
}
.articles-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:24px; }
.articles-card { padding:30px; border:1px solid #96b0d34d; border-radius:22px; background:#101d38; overflow-wrap:anywhere; }
.articles-card time,.articles-teaser__latest time,.articles-reader time { display:block; color:#b9c8df; font-size:14px; margin-bottom:20px; }
.articles-card h3,.articles-teaser__latest h3 { font-size:28px; line-height:1.2; margin-bottom:18px; }
.articles-card__link { color:#a9eee2; text-decoration:underline; text-underline-offset:5px; }
.articles-teaser__latest { border-left:1px solid #96b0d333; padding-left:32px; overflow-wrap:anywhere; }
.articles-reader { padding-top:170px; overflow-wrap:anywhere; }
.articles-reader h1 { font-size:clamp(36px,5vw,64px); margin:24px 0; }
.articles-reader .lead { margin:30px 0; }
.articles-reader .narrow { max-width:820px; }
.articles-reader h1 { line-height:1.08; }
.article-byline { margin-bottom:6px; color:#b9c8df; font-size:14px; }
.article-body { font-size:18px; line-height:1.8; }
.article-body h2 { font-size:clamp(26px,3vw,36px); line-height:1.2; margin:48px 0 20px; }
.article-body p,.article-body ul,.article-body ol { margin:0 0 24px; }
.article-body ul,.article-body ol { padding-left:26px; }
.article-body li { margin-bottom:14px; }
.article-body strong { color:#f5f8ff; }
.article-body a { color:#a9eee2; text-decoration:underline; text-underline-offset:4px; }
.article-body a:hover { color:#fff; }
.article-table { overflow-x:auto; margin:28px 0; border:1px solid #96b0d34d; border-radius:14px; }
.article-table table { border-collapse:collapse; min-width:540px; width:100%; font-size:16px; }
.article-table th,.article-table td { padding:16px; border-bottom:1px solid #96b0d333; text-align:left; vertical-align:top; }
.article-table th { background:#101d38; color:#fff; }
.article-table tr:last-child td { border-bottom:0; }
.article-table:focus-visible { outline:2px solid #a9eee2; outline-offset:4px; }
.articles-reader .button { margin-top:24px; }
@media(max-width:700px) {
  .articles-teaser__latest { border-left:0; border-top:1px solid #96b0d333; padding:24px 0 0; }
  .articles-reader { padding-top:120px; }
}