/* Site header for pages that bring their own stylesheet (the Readiness Assessment). */
:root{
  --ink:#121926;
  --navy:#2d3a52;
  --gold:#b8952a;
  --gold-text:#856812;
  --paper:#ffffff;
  --mist:#eef1f5;
  --text:#121926;
  --muted:#566072;
  --rule:#dde2e9;
  --rule-strong:#b9c1cd;
  --on-ink:#f3f5f8;
  --on-ink-muted:#a7b0bf;
  --on-ink-rule:#2a3344;

  --sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --serif:"Literata",Georgia,"Times New Roman",serif;

  --wrap:1200px;
  --gutter:clamp(20px,5vw,64px);
  --section:clamp(64px,8vw,112px);
  --measure:680px;

  /* Figures (assets/hsi-charts.css reads these) */
  --fig-c1:#2d3a52;
  --fig-c2:#8d9bb4;
  --fig-accent:#a98620;
  --fig-partial:#b4c0d3;
  --fig-none:#e9edf2;
  --fig-track:#e3e7ed;
  --fig-whole:#aab3c0;
  --fig-grid:rgba(18,25,38,.10);
  --fig-base:rgba(18,25,38,.6);
  --fig-ink:#121926;
  --fig-slate:#3b4557;
  --fig-muted:#566072;
  --fig-rule:#c9d0da;
  --fig-sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --fig-serif:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;

  /* Names older article markup still references */
  --bg:#ffffff;--surface:#eef1f5;--card:#ffffff;--border:#dde2e9;--inner:#eef1f5;
  --slate:#3b4557;--teal:#2d3a52;--brass:#856812;--brass-bright:#b8952a;
  --ed-sans:var(--sans);--ed-serif:var(--serif);
  color-scheme:light;
}
.site-header,.site-header *{box-sizing:border-box}
.site-header{font-family:var(--sans);-webkit-font-smoothing:antialiased}
.site-header a{text-decoration:none;color:inherit}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header .wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.site-header img{display:block}
/* ---------- Header and navigation --------------------------------------- */
.site-header{background:var(--ink);color:var(--on-ink)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px}
.brand{display:inline-flex;align-items:center;gap:12px;font:600 17px/1.2 var(--sans);letter-spacing:-.01em;color:var(--on-ink)}
.brand img{width:28px;height:28px}
.brand:hover{text-decoration:none}
.nav-links{display:flex;align-items:center;gap:clamp(20px,2.6vw,36px);font:400 15px/1.4 var(--sans)}
.nav-links a{color:var(--on-ink);padding-block:6px;border-bottom:1px solid transparent}
.nav-links a:hover{text-decoration:none;border-bottom-color:var(--on-ink-muted)}
.nav-links a[aria-current="page"]{border-bottom-color:var(--gold)}
.nav-links .nav-support{color:var(--gold);font-weight:500}
.menu-btn{display:none;align-items:center;min-height:44px;padding:0 2px;background:none;border:0;color:var(--on-ink);font:500 15px var(--sans);cursor:pointer}
@media (max-width:860px){
  .menu-btn{display:inline-flex}
  .nav{flex-wrap:wrap;row-gap:0}
  .nav-links{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:0;padding:8px 0 20px;font-size:20px}
  .nav-links.is-open{display:flex}
  .nav-links a{padding-block:10px;border:0}
  .nav-links a[aria-current="page"]{color:var(--gold)}
}

