
/* Beyond the Model | shared design system | all page types */
:root{--btm-ink:#102449;--btm-blue:#1557db;--btm-blue2:#1948a5;--btm-navy:#0b2856;--btm-bg:#f5f8fd;--btm-card:#ffffff;--btm-line:#dce6f5;--btm-muted:#526783}
html{scroll-behavior:smooth}body{background:var(--btm-bg);color:var(--btm-ink)}
body .btm-header,body .btm-footer{font-family:Inter,Heebo,Arial,sans-serif;direction:inherit;box-sizing:border-box}
body .btm-header *,body .btm-footer *{box-sizing:border-box}
body .btm-header{position:relative;z-index:100;background:#fff!important;color:var(--btm-ink)!important;border-bottom:1px solid var(--btm-line);width:100%;box-shadow:none!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:0!important}
body .btm-header .btm-inner{max-width:1320px;width:calc(100% - 52px);margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body .btm-header .btm-logo{font-size:26px;line-height:1.15;font-weight:850;letter-spacing:-1.1px;color:#091d3a!important;text-decoration:none!important;white-space:nowrap}
body .btm-header .btm-logo b{color:#1557db}
body .btm-header .btm-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body .btm-header .btm-nav a{font-size:14px;font-weight:750;color:#28436a!important;text-decoration:none!important;padding:10px 0;white-space:nowrap;border:0;background:transparent}
body .btm-header .btm-nav a:hover,body .btm-header .btm-nav a[aria-current=page]{color:#1557db!important}
body .btm-header .btm-nav a.btm-contact{background:#19439e!important;color:#fff!important;padding:12px 17px;border-radius:9px;box-shadow:0 4px 12px #102c6020}
body .btm-header .btm-nav a.btm-language{background:#eef4ff!important;color:#24466f!important;padding:12px 14px;border-radius:9px}
body .btm-context{max-width:1140px;margin:25px auto 0;padding:0 24px;color:#526783;font:600 13px/1.5 Inter,Heebo,Arial,sans-serif}
body .btm-context a{color:#1557db;text-decoration:none}
body .btm-context .btm-section{color:#1557db;font-weight:800}
body .btm-footer{background:#fff!important;border-top:1px solid var(--btm-line)!important;color:#526783!important;max-width:none!important;width:100%!important;margin:64px 0 0!important;padding:32px 0!important;border-radius:0!important}
body .btm-footer .btm-inner{max-width:1320px;width:calc(100% - 52px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}
body .btm-footer .btm-brand{font-size:21px;font-weight:850;color:#102449!important;letter-spacing:-.5px}
body .btm-footer .btm-brand b{color:#1557db}
body .btm-footer p{margin:6px 0 0!important;color:#64738d!important;font-size:13px!important}
body .btm-footer .btm-links{display:flex;gap:23px;flex-wrap:wrap}
body .btm-footer .btm-links a{color:#1948a5!important;font-size:14px;font-weight:700;text-decoration:none!important}
/* Legacy content pages: harmonize backgrounds and preserve readable contrast */
body .hero,body .article-hero,body .issue-hero{background:linear-gradient(118deg,#0b2856 0%,#153e82 62%,#1d57ad 100%)!important;color:#fff!important}
body .hero h1,body .hero h2,body .hero .subtitle,body .hero .kicker,body .hero .meta,body .hero p,body .hero span,body .hero a,body .article-hero h1,body .issue-hero h1{color:#fff!important}
body .hero .kicker,body .hero .eyebrow{color:#bcd7ff!important}
body .reading-paper,body .paper,body .listing,body .article-wrap{color:#102449}
body .listing h1,body .article-header h1{color:#102449!important}
body .list-entry{background:#fff!important;border-color:#dce6f5!important;color:#102449!important}
body .list-entry:hover{border-color:#9abdf5!important;background:#f3f7ff!important}
body .list-entry h2,body .list-entry h3{color:#102449!important}
body .searchbox{border-color:#dce6f5!important;background:#fff!important;color:#102449!important}
body .reading-paper a,body .listing a:not(.list-entry){color:#1557db}
body .reading-paper h1,body .reading-paper h2,body .reading-paper h3,body .article-wrap h1,body .article-wrap h2,body .article-wrap h3{color:#102449}
body .reading-paper .article-header{background:transparent!important}
/* Home-specific: keep white text on dark feature artwork, and let cards size naturally */
body .feature h2,body .feature .kicker,body .feature .feature-inner h2,body .feature .feature-inner p{color:#fff!important}
body .hero-banner h1,body .home-hero h1,body .intro-hero h1{color:#fff!important}
body .weekly-item,body .newsletter-item,body .issue-card{min-width:0;overflow-wrap:normal;word-break:normal}
@media(max-width:700px){body .btm-header .btm-inner{width:calc(100% - 30px);min-height:70px;align-items:flex-start;padding:15px 0;flex-direction:column;gap:12px}body .btm-header .btm-logo{font-size:23px}body .btm-header .btm-nav{gap:11px 16px}body .btm-header .btm-nav a{font-size:12px;padding:7px 0}body .btm-header .btm-nav a.btm-contact,body .btm-header .btm-nav a.btm-language{padding:8px 11px}body .btm-footer .btm-inner{width:calc(100% - 30px)}body .btm-context{margin-top:16px;padding:0 15px}}

/* Personal site link: consistent across every page */
body .btm-header .btm-nav a.btm-personal{color:#1557db!important;font-weight:800}
body .btm-header .btm-nav a.btm-personal:hover{text-decoration:underline!important}


/* Mobile editorial cards: correct the contrast regression and expose article titles. */
@media (max-width:700px) {
  body .feature,
  body .feature .feature-slide {
    height:auto!important;
    min-height:0!important;
  }
  body .feature .feature-slide:not(.hidden-slide) {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body .feature .feature-inner {
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:19px 20px 20px!important;
    margin:0!important;
    background:#fff!important;
    color:#102449!important;
  }
  body .feature .feature-inner h2 {
    color:#102449!important;
    font-size:clamp(21px,5.2vw,27px)!important;
    line-height:1.28!important;
    margin:8px 0 10px!important;
    overflow-wrap:break-word;
  }
  body .feature .feature-inner p {
    color:#526783!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  body .feature .feature-inner .kicker {
    color:#1557b9!important;
  }
  body .slide-nav {
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body .slide-nav button,
  body .slide-nav button:not([aria-current=true]) {
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    width:100%!important;
    text-align:start!important;
    padding:11px 13px!important;
  }
  body .slide-nav button span {
    display:block!important;
    font-size:13px!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    color:#28436a!important;
  }
  body .slide-nav button b {flex:none}
  body .slide-nav button[aria-current=true] span {
    color:#124aa2!important;
    font-weight:750!important;
  }
}

/* Reading pages: keep the newsletter hero inside the same centered reading width. */
body .btm-issue-heading, body .issue-hero-wrap {
  box-sizing:border-box!important;
  width:min(100% - 48px, 1120px)!important;
  max-width:1120px!important;
  margin:28px auto 0!important;
  padding:0!important;
}
body .btm-issue-heading > .hero, body .issue-hero-wrap > .hero {
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:22px!important;
}
@media(max-width:700px){
  body .btm-issue-heading,body .issue-hero-wrap{width:calc(100% - 30px)!important;margin:18px auto 0!important}
  body .btm-issue-heading > .hero,body .issue-hero-wrap > .hero{padding:26px 22px!important;border-radius:17px!important}
}
