/* Bridge style layer for root article pages */
:root{
  --rb-page:#f6f7fb;
  --rb-surface:#ffffff;
  --rb-hero-1:#fafcff;
  --rb-hero-2:#f1f5fe;
  --rb-text:#1a2741;
  --rb-muted:#667793;
  --rb-line:#e2e8f3;
  --rb-accent:#7aa2ff;
}

.article-page{
  margin:0;
  background:var(--rb-page) !important;
  color:var(--rb-text) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}

.article-page .site-nav{
  position:sticky;
  top:0;
  z-index:1200;
  border-bottom:1px solid var(--rb-line);
  background:#f8f9fd;
  backdrop-filter:blur(8px);
}

.article-page .nav-row{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.article-page .brand{
  font-size:13px;
  color:#2a3858;
  font-weight:620;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.article-page .nav-links{display:flex;gap:16px;flex-wrap:wrap}
.article-page .nav-links a{padding:0;border:0;border-radius:0;color:var(--rb-muted);font-size:13px}
.article-page .nav-links a:hover,.article-page .nav-links a:focus-visible{color:#4d6289;outline:none;text-decoration:underline}

.article-page .hero{
  padding:120px 0 96px;
  border-bottom:1px solid var(--rb-line);
  background:linear-gradient(180deg,var(--rb-hero-1) 0%,var(--rb-hero-2) 100%);
}

.article-page .hero .kicker{
  margin:0 0 16px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7a8aa7;
  font-weight:620;
}

.article-page .hero h1{
  margin:0;
  max-width:16ch;
  font-size:clamp(40px,5.8vw,64px);
  line-height:1.06;
  letter-spacing:-.02em;
  color:#0f1d38;
}

.article-page .hero .lead{margin-top:24px;max-width:70ch;font-size:20px;line-height:1.85;color:#334666}
.article-page .hero .meta-row{margin-top:20px;font-size:13px;color:#6d7f9d}
.article-page .hero .meta-link{color:var(--rb-accent)}

.article-page main.article{background:var(--rb-surface);padding:46px 0 68px}

.article-page .article-body{
  max-width:900px;
  margin:0 auto;
  padding:0 26px;
}

.article-page .article-body h2{margin:64px 0 16px;font-size:clamp(28px,3.2vw,34px);line-height:1.22;color:#112141;letter-spacing:-.01em}
.article-page .article-body h3{margin:20px 0 10px;font-size:22px;line-height:1.32;color:#17294d}
.article-page .article-body p{margin:0 0 24px;font-size:18px;line-height:1.88;color:#32445f}
.article-page .article-body ul,.article-page .article-body ol{margin:8px 0 24px;padding-left:22px;color:#344661}
.article-page .article-body li{margin:0 0 10px;line-height:1.85}

.article-page .article-body .card,
.article-page .risk-position-box,
.article-page .callout,
.article-page details.faq,
.article-page .article-body .grid-3{
  margin:30px 0 34px;
  padding:2px 0 2px 18px;
  border:0;
  border-left:3px solid #95b3ff;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:block;
}

.article-page .article-body .grid-3 .card{margin:0 0 18px;padding:2px 0 2px 0;border-left:0}

.article-page .article-body .card h3,
.article-page .risk-position-box h3,
.article-page .callout h3,
.article-page details.faq summary{
  margin:0 0 6px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b7da0;
  font-weight:620;
}

.article-page details.faq summary{cursor:pointer}
.article-page details.faq .faq-body{margin-top:8px}
.article-page .sep{border:0;border-top:1px solid var(--rb-line);margin:54px 0}
.article-page .fineprint{font-size:13px;color:#6f7f97}

.article-page .callout .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}

.article-page .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid #d7deeb;
  background:#fff;
  color:#516487;
  text-decoration:none;
  font-size:14px;
}

.article-page .btn.primary{border-color:#102343;background:#12284d;color:#edf2ff;font-weight:630}
.article-page .btn:hover,.article-page .btn:focus-visible{text-decoration:none;opacity:.92;outline:none}

.article-page section.band{padding:24px 0 30px;border-top:1px solid var(--rb-line);background:var(--rb-surface)}
.article-page .section-head h2{margin:0 0 6px;font-size:20px;color:#12223f}
.article-page .section-head .sub{margin:0;color:var(--rb-muted)}
.article-page .site-footer{border-top:1px solid var(--rb-line);padding:20px 0 30px;background:var(--rb-surface);color:#4c5f82}

@media (max-width:900px){
  .article-page .hero{padding-top:108px;padding-bottom:86px}
}

@media (max-width:760px){
  .article-page .nav-links{display:none}
  .article-page .article-body{padding:0 24px}
  .article-page .article-body p{font-size:17px;line-height:1.86}
  .article-page .article-body h2{margin-top:56px}
  .article-page .callout .actions{width:100%}
  .article-page .btn.primary{width:100%}
}