@charset "utf-8";
/* ============================================================================
   BCA Insights & Perspectives — insights.broadcapadvisory.com
   One stylesheet for the whole publication.
   Palette: canonical Navy #303070 / Gold #F09030 (MP decision, 25 Aug 2026).
   ========================================================================== */

/* ---- self-hosted typefaces ------------------------------------------------ */
@font-face{font-family:'Gelasio';src:url('../fonts/gelasio-var.woff2') format('woff2-variations'),
  url('../fonts/gelasio-var.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Gelasio';src:url('../fonts/gelasio-italic-var.woff2') format('woff2-variations'),
  url('../fonts/gelasio-italic-var.woff2') format('woff2');
  font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../fonts/source-sans-3-var.woff2') format('woff2-variations'),
  url('../fonts/source-sans-3-var.woff2') format('woff2');
  font-weight:300 800;font-style:normal;font-display:swap}

/* ---- tokens --------------------------------------------------------------- */
:root{
  --navy:#303070;          /* canonical brand navy  */
  --navy-surface:#303070;  /* navy as a FILL — stays dark in both themes */
  --on-navy:#FFFFFF;
  --navy-deep:#23234F;     /* headings, 14.7:1 on white */
  --navy-dark:#1A1A3C;     /* masthead ground */
  --navy-black:#101026;    /* footer ground */
  --gold:#F09030;          /* canonical brand gold — rules and accents */
  --gold-ink:#A85E12;      /* gold as text/links on light: 4.9:1, passes AA */
  --gold-soft:#F7C588;

  --ink:#1C1C2E;
  --muted:#5A5A6E;
  --faint:#63637A;

  --paper:#FFFFFF;
  --ivory:#FAF8F4;
  --tint:#F1F0F7;
  --rule:#DCD9D2;
  --rule-soft:#E8E5DE;

  --serif:'Gelasio',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;

  --measure:38rem;         /* article text column */
  --wide:76rem;            /* page furniture */
  --shell:min(var(--wide),calc(100% - 3rem));
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --navy:#8A8AD8; --navy-deep:#B9B9EC; --navy-dark:#14142E; --navy-black:#0D0D22;
    --navy-surface:#303070; --on-navy:#FFFFFF;
    --gold-ink:#F0A24E; --gold-soft:#7A5220;
    --ink:#EDEBE6; --muted:#B2B0C4; --faint:#9C9AB0;
    --paper:#14142E; --ivory:#191934; --tint:#20204A;
    --rule:#33335C; --rule-soft:#2A2A50;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--serif);font-size:1.0625rem;line-height:1.72;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold-ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.shell{width:var(--shell);margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;z-index:99;top:-4rem;left:1rem;padding:.7rem 1.1rem;
  background:var(--gold);color:#1A1A0F;font:700 .875rem/1 var(--sans);transition:top .15s}
.skip:focus{top:.75rem}

/* ---- masthead ------------------------------------------------------------- */
.masthead{background:var(--navy-dark);border-bottom:3px solid var(--gold)}
.masthead__inner{display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;min-height:5rem;padding-block:.85rem}
.brand{display:flex;align-items:center;gap:.85rem;color:#fff;text-decoration:none}
.brand img{width:3rem;height:3rem;object-fit:contain;flex:none}
.brand__name{display:block;font:700 .8125rem/1.15 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.brand__pub{display:block;margin-top:.15rem;font:400 .9375rem/1.15 var(--serif);color:var(--gold)}
.mastnav{display:flex;flex-wrap:wrap;gap:1.5rem;font:600 .8125rem/1 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.mastnav a{color:#DCDAF0;text-decoration:none;padding-block:.4rem;border-bottom:2px solid transparent}
.mastnav a:hover,.mastnav a[aria-current]{color:#fff;border-bottom-color:var(--gold)}

/* ---- hub: publication opener --------------------------------------------- */
.opener{background:var(--navy-dark);color:#fff;padding-block:clamp(3rem,7vw,5.5rem);
  background-image:radial-gradient(120% 90% at 88% 8%,rgba(240,144,48,.20),transparent 60%)}
.opener__eyebrow{margin:0 0 1.1rem;font:700 .75rem/1 var(--sans);letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold)}
.opener h1{margin:0;max-width:20ch;font:400 clamp(2.4rem,6vw,4.25rem)/1.04 var(--serif);letter-spacing:-.02em}
.opener p{margin:1.5rem 0 0;max-width:46rem;color:#D5D3EA;font-size:1.1875rem;line-height:1.6}
.opener__meta{margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.22);
  display:flex;flex-wrap:wrap;gap:.6rem 2.25rem;font:600 .8125rem/1.4 var(--sans);
  letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft)}

/* ---- hub: filter bar ------------------------------------------------------ */
.filters{position:sticky;top:0;z-index:20;background:var(--paper);
  border-bottom:1px solid var(--rule);padding-block:.9rem}
.filters__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.filters__label{margin-right:.35rem;font:700 .6875rem/1 var(--sans);letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint)}
.chip{appearance:none;cursor:pointer;padding:.48rem .95rem;border:1px solid var(--rule);
  background:transparent;color:var(--muted);border-radius:2rem;
  font:600 .8125rem/1 var(--sans);transition:.16s}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip[aria-pressed="true"]{background:var(--navy-surface);border-color:var(--navy-surface);color:var(--on-navy)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip[aria-pressed="true"]{color:#14142E}}

/* ---- hub: article index --------------------------------------------------- */
.stream{padding-block:clamp(2.5rem,5vw,4rem)}
.series{margin-bottom:3.5rem}
.series:last-child{margin-bottom:0}
.series__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:.75rem;padding-bottom:.9rem;border-bottom:2px solid var(--navy);margin-bottom:1.75rem}
.series__head h2{margin:0;font:400 clamp(1.5rem,2.6vw,2rem)/1.15 var(--serif);color:var(--navy-deep)}
.series__count{font:600 .75rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.series__note{margin:-1.1rem 0 1.75rem;max-width:52rem;color:var(--muted);font-size:.9875rem}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.5rem}
.card{display:flex;flex-direction:column;background:var(--ivory);
  border:1px solid var(--rule-soft);border-top:3px solid var(--gold);
  padding:1.6rem 1.5rem 1.35rem;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(48,48,112,.13)}
.card__eyebrow{margin:0 0 .75rem;font:700 .6875rem/1.3 var(--sans);letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold-ink)}
.card h3{margin:0;font:400 1.3125rem/1.25 var(--serif);letter-spacing:-.008em}
.card h3 a{color:var(--navy-deep);text-decoration:none}
.card:hover h3 a{text-decoration:underline;text-underline-offset:3px}
.card__dek{margin:.7rem 0 0;color:var(--muted);font-size:.9375rem;line-height:1.6}
.card__foot{margin-top:auto;padding-top:1.1rem;display:flex;align-items:baseline;
  justify-content:space-between;gap:1rem;
  font:600 .75rem/1.3 var(--sans);color:var(--faint);border-top:1px solid var(--rule-soft)}
.card__pdf{color:var(--gold-ink);text-decoration:none;white-space:nowrap}
.card__pdf:hover{text-decoration:underline}
.card--lead{grid-column:1/-1;background:var(--navy-dark);border-color:var(--navy-dark);border-top-color:var(--gold)}
.card--lead h3{font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.12}
.card--lead h3 a{color:#fff}
.card--lead .card__eyebrow{color:var(--gold)}
.card--lead .card__dek{color:#D5D3EA;font-size:1.0625rem;max-width:52rem}
.card--lead .card__foot{color:var(--gold-soft);border-top-color:rgba(255,255,255,.22)}
.card--lead .card__pdf{color:var(--gold)}
.empty{display:none;padding:2.5rem 0;color:var(--muted);font-style:italic}

/* ---- article -------------------------------------------------------------- */
.article{padding-block:clamp(2.5rem,5vw,4rem)}
.article__inner{width:min(var(--measure),calc(100% - 2.5rem));margin-inline:auto}
.article__eyebrow{margin:0 0 1rem;font:700 .75rem/1.4 var(--sans);letter-spacing:.15em;
  text-transform:uppercase;color:var(--gold-ink)}
.article h1{margin:0;font:400 clamp(2rem,4.6vw,3rem)/1.08 var(--serif);
  letter-spacing:-.022em;color:var(--navy-deep);text-wrap:balance}
.article__standfirst{margin:1.15rem 0 0;font-size:1.25rem;line-height:1.5;color:var(--muted);text-wrap:pretty}
.byline{margin:1.6rem 0 0;font-family:var(--sans);font-size:.875rem;line-height:1.5}
.byline__author{display:block;font-weight:700;color:var(--navy-deep)}
.byline__role{display:block;color:var(--muted)}
.byline__meta{display:block;margin-top:.3rem;color:var(--faint);font-size:.8125rem;
  letter-spacing:.04em}
.rule{border:0;border-top:2px solid var(--navy);margin:2rem 0 2.5rem}

.prose>p{margin:0 0 1.35rem}
.prose>p:first-of-type{font-size:1.1875rem;line-height:1.62}
.prose>p>strong:first-child{color:var(--navy-deep)}
.prose h2{margin:2.6rem 0 1rem;font:400 1.625rem/1.22 var(--serif);
  letter-spacing:-.012em;color:var(--navy-deep);text-wrap:balance}
.prose h3{margin:2rem 0 .8rem;font:700 1.125rem/1.3 var(--sans);
  letter-spacing:.02em;color:var(--navy-deep)}
.prose h4{margin:1.6rem 0 .6rem;font:700 .8125rem/1.3 var(--sans);
  letter-spacing:.11em;text-transform:uppercase;color:var(--gold-ink)}
.prose ul,.prose ol{margin:0 0 1.35rem;padding-left:1.3rem}
.prose li{margin-bottom:.55rem}
.prose li::marker{color:var(--gold-ink)}
.prose a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:from-font}
.prose a:hover{color:var(--navy)}
.prose blockquote{margin:2rem 0;padding:.35rem 0 .35rem 1.4rem;border-left:4px solid var(--gold);
  font-style:italic;color:var(--navy);font-size:1.1rem;line-height:1.6}
.prose blockquote p{margin:0 0 .6rem}
.prose blockquote p:last-child{margin:0}
.prose blockquote p:last-child:not(:only-child){margin-top:.75rem;font-family:var(--sans);
  font-style:normal;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}

/* ---- exhibits (tables) ---------------------------------------------------- */
.bca-exhibit{margin:2.5rem 0}
.bca-exhibit__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bca-matrix{width:100%;min-width:34rem;border-collapse:collapse;
  font-family:var(--sans);font-size:.9375rem;
  border-top:2px solid var(--navy);border-bottom:2px solid var(--navy)}
.bca-matrix th,.bca-matrix td{padding:.85rem .9rem;text-align:left;vertical-align:top;border:1px solid var(--rule)}
.bca-matrix thead th{background:var(--navy-surface);color:var(--on-navy);font-size:.75rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;text-align:center;border-color:var(--navy)}
.bca-matrix tbody th{background:var(--tint);color:var(--navy-deep);font-weight:700;font-size:.875rem;width:11rem}
.bca-cell__label{display:block;font-family:var(--serif);font-size:1.0625rem;font-weight:700;margin-bottom:.15rem}
.bca-cell__gloss{display:block;font-size:.8125rem;font-style:italic;color:var(--faint);line-height:1.45}
.bca-cell--trap .bca-cell__label,.bca-cell--fix .bca-cell__label{color:var(--gold-ink)}
.bca-cell--good .bca-cell__label{color:var(--navy-deep)}
.bca-cell--none .bca-cell__label{color:var(--faint);font-weight:400}
.bca-rung__name{display:block;font-family:var(--serif);font-size:1rem;font-weight:700;color:var(--navy-deep)}
.bca-rung__ex{display:block;font-size:.8125rem;font-style:italic;color:var(--faint);line-height:1.45}
.bca-rung--good{color:var(--navy-deep)}
.bca-rung--trap{color:var(--gold-ink)}
.bca-dir,.bca-prot,.bca-tell{display:block;font-size:.8125rem;line-height:1.45}
.bca-dir{font-weight:700;color:var(--gold-ink)}
.bca-prot{font-weight:700;color:var(--navy-deep)}
.bca-tell{font-style:italic;color:var(--faint)}
.bca-exhibit__caption{margin:.75rem 0 0;font-family:var(--sans);font-size:.8125rem;
  color:var(--faint);line-height:1.5}

/* ---- end matter ----------------------------------------------------------- */
.endrule{border:0;border-top:2px solid var(--gold);margin:3rem 0 1.5rem}
.bio{margin:0 0 2.5rem;font-family:var(--sans);font-size:.9375rem;font-style:italic;
  color:var(--muted);line-height:1.6}
.sources__heading{margin:0 0 .9rem;font:700 .75rem/1 var(--sans);letter-spacing:.12em;
  text-transform:uppercase;color:var(--navy-deep)}
.sources__list{list-style:none;margin:0;padding:0;font-family:var(--sans);
  font-size:.8125rem;line-height:1.55;color:var(--muted)}
.sources__list li{position:relative;padding-left:1.1rem;margin-bottom:.7rem}
.sources__list li::before{content:"—";position:absolute;left:0;color:var(--gold)}
.sources__list a{color:var(--navy);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.sources__list a:hover{color:var(--gold-ink)}
.docref{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rule);
  font-family:var(--sans);font-size:.75rem;letter-spacing:.04em;color:var(--faint)}

.pdfbar{margin:2.5rem 0 0;padding:1.15rem 1.35rem;background:var(--ivory);
  border:1px solid var(--rule-soft);border-left:4px solid var(--gold);
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;
  font-family:var(--sans);font-size:.9375rem;color:var(--muted)}
.pdfbar a{color:var(--gold-ink);font-weight:700;text-decoration:none;white-space:nowrap}
.pdfbar a:hover{text-decoration:underline}

.seriesnav{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--rule)}
.seriesnav h2{margin:0 0 1rem;font:700 .75rem/1 var(--sans);letter-spacing:.12em;
  text-transform:uppercase;color:var(--navy-deep)}
.seriesnav ol{list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:.9375rem}
.seriesnav li{padding:.65rem 0;border-bottom:1px solid var(--rule-soft);
  display:flex;flex-wrap:wrap;gap:.35rem .75rem}
.seriesnav li:last-child{border-bottom:0}
.seriesnav__part{flex:none;font-weight:700;color:var(--faint);min-width:4.25rem}
.seriesnav a{color:var(--navy);text-decoration:none}
.seriesnav a:hover{color:var(--gold-ink);text-decoration:underline}
.seriesnav__here{color:var(--muted)}
.seriesnav__here em{color:var(--gold-ink);font-style:normal;font-weight:700}

/* ---- footer --------------------------------------------------------------- */
.sitefoot{margin-top:auto;background:var(--navy-black);color:#A9A7C4;
  border-top:3px solid var(--gold);padding-block:2.75rem}
.sitefoot__grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.sitefoot h2{margin:0 0 .75rem;font:700 .6875rem/1 var(--sans);letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold)}
.sitefoot ul{list-style:none;margin:0;padding:0;font-family:var(--sans);font-size:.875rem;line-height:1.9}
.sitefoot a{color:#CFCDE4;text-decoration:none}
.sitefoot a:hover{color:var(--gold);text-decoration:underline}
.sitefoot__name{color:#fff;font:400 1.125rem/1.3 var(--serif)}
.sitefoot__base{margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.16);
  display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;
  font-family:var(--sans);font-size:.75rem;letter-spacing:.03em}
body{display:flex;flex-direction:column;min-height:100vh}
.page{flex:1 0 auto}

/* ---- responsive ----------------------------------------------------------- */
@media (max-width:46rem){
  :root{--shell:calc(100% - 2rem)}
  .masthead__inner{flex-direction:column;align-items:flex-start;gap:.85rem}
  .mastnav{gap:1.1rem;font-size:.75rem}
  .prose>p:first-of-type{font-size:1.125rem}
  /* A cut-off quadrant reads as a missing quadrant, so matrices stack. */
  .bca-matrix{min-width:0;border:0;display:block}
  .bca-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bca-matrix tbody,.bca-matrix tr,.bca-matrix td,.bca-matrix tbody th{display:block;width:auto}
  .bca-matrix tr{border-top:2px solid var(--navy);margin-bottom:1.25rem}
  .bca-matrix tr:last-child{margin-bottom:0}
  .bca-matrix tbody th{background:var(--navy-surface);color:var(--on-navy);border:0;font-size:.75rem;
    letter-spacing:.1em;text-transform:uppercase;padding:.6rem .9rem}
  .bca-matrix td{border:1px solid var(--rule);border-top:0;padding:.8rem .9rem}
  .bca-matrix td::before{content:attr(data-col);display:block;font-size:.6875rem;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .card:hover{transform:none}
}

/* ---- print ---------------------------------------------------------------- */
@media print{
  .masthead,.sitefoot,.filters,.skip,.pdfbar,.seriesnav{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .article__inner{width:auto;max-width:none}
  .bca-exhibit,blockquote,figure{page-break-inside:avoid}
  .prose a{color:#000;text-decoration:none}
  .sources__list a::after{content:" (" attr(href) ")";font-size:8pt;word-break:break-all}
}

/* ============================================================================
   Diagram exhibits — the hand-built CSS figures from the Three Questions
   series, ported onto the canonical palette. No library, no images: these
   render as live HTML so they stay legible at any width and in print.
   ========================================================================== */
figure.bcafig{margin:2.5rem 0;padding:1rem 0 .875rem;border-top:2px solid var(--navy);
  border-bottom:1px solid var(--rule);break-inside:avoid;page-break-inside:avoid}
.figlabel{margin:0 0 .3rem;font:700 .6875rem/1 var(--sans);letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-ink)}
.figtitle{margin:0 0 1rem;font:700 1.0625rem/1.3 var(--sans);color:var(--navy-deep)}
figure.bcafig figcaption{margin:.875rem 0 0;padding-top:.625rem;border-top:1px solid var(--rule);
  font:.8125rem/1.55 var(--sans);color:var(--faint)}
.fignote{margin-top:.875rem;padding:.625rem .875rem;background:var(--ivory);
  border-left:3px solid var(--gold);font:.8125rem/1.5 var(--sans);color:var(--ink)}
.fignote b{color:var(--navy-deep)}

/* four-block grid */
.grid4{display:flex;flex-wrap:wrap;gap:.625rem}
.g4{flex:1 1 calc(50% - .3125rem);padding:.7rem .8rem .8rem;
  border:1px solid var(--rule);border-top:3px solid var(--navy)}
.g4 h4{margin:0 0 .3rem;font:700 .8125rem/1.3 var(--sans);color:var(--navy-deep);
  letter-spacing:normal;text-transform:none}
.g4 p{margin:0;font:.78125rem/1.45 var(--sans);color:var(--ink)}

/* evidence ladder */
.ladder{display:flex;flex-direction:column;gap:.375rem}
.lrow{display:flex;border:1px solid var(--rule)}
.ltier{flex:0 0 6rem;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:.625rem .375rem;background:var(--navy-surface);color:var(--on-navy);font:700 .75rem/1.3 var(--sans)}
.lrow.t2 .ltier{background:#4F4F8E}
.lrow.t3 .ltier{background:#7C7CA8}
.lrow.t4 .ltier{background:#A9A9C4}
.lbody{flex:1;padding:.5625rem .875rem;font:.8125rem/1.45 var(--sans)}
.lbody b{display:block;font-size:.84375rem;color:var(--ink)}
.lbody span{color:var(--faint)}
.lcut{display:flex;align-items:center;gap:.625rem;margin:.1875rem 0;
  font:700 .6875rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.lcut::before,.lcut::after{content:"";flex:1;border-top:2px dashed var(--gold);opacity:.7}

/* band scale */
.bandscale{display:flex}
.bs{flex:1;padding:.75rem .75rem .875rem}
.bs .bh{margin:0 0 .4375rem;font:700 .8125rem/1.25 var(--sans)}
.bs .bb{font:.75rem/1.4 var(--sans)}
.bs1{background:var(--navy-surface);color:var(--on-navy)}.bs1 .bb{color:rgba(255,255,255,.85)}
.bs2{background:#4F4F8E;color:#fff}.bs2 .bb{color:rgba(255,255,255,.85)}
.bs3{background:#8888AE;color:#fff}.bs3 .bb{color:rgba(255,255,255,.9)}
.bs4{background:#E4E1D8;color:#1C1C2E}.bs4 .bb{color:#5A5A6E}
.bsaxis{display:flex;justify-content:space-between;margin-top:.4375rem;
  font:700 .6875rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}

/* five tests */
.tests{border-top:1px solid var(--rule)}
.trow{display:flex;gap:.8125rem;padding:.6875rem .125rem;border-bottom:1px solid var(--rule)}
.tnum{flex:0 0 1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;
  background:var(--navy-surface);color:var(--on-navy);font:700 .75rem/1 var(--sans)}
.ttxt{font:.84375rem/1.5 var(--sans);color:var(--ink)}
.ttxt b{color:var(--navy-deep)}
.tstrap{margin-top:.75rem;text-align:center;font:700 .75rem/1 var(--sans);
  letter-spacing:.09em;text-transform:uppercase;color:var(--gold-ink)}

/* pillar weights */
.pw{display:flex;flex-direction:column;gap:.3125rem}
.pwr{display:flex;align-items:center;gap:.75rem}
.pwl{flex:0 0 12.8rem;text-align:right;font:.78125rem/1.2 var(--sans);color:var(--faint)}
.pwt{flex:1;height:.8125rem;background:var(--tint)}
.pwt i{display:block;height:100%;background:#B6B6CE}
.pwr.hi .pwl{color:var(--navy-deep);font-weight:700}
.pwr.hi .pwt i{background:var(--navy-surface)}
.pwkey{display:flex;gap:1.125rem;justify-content:flex-end;margin-top:.625rem;
  font:.71875rem/1 var(--sans);color:var(--faint)}
.pwkey s{display:inline-block;width:.6875rem;height:.6875rem;margin-right:.375rem;text-decoration:none}

/* intervention ladder */
.ivl{display:flex;flex-direction:column;gap:.4375rem}
.ivr{display:flex;border:1px solid var(--rule)}
.ivw{flex:0 0 7.75rem;display:flex;align-items:center;padding:.625rem .75rem;
  color:#fff;font:700 .75rem/1.3 var(--sans)}
.ivr.l1 .ivw{background:#8888AE}.ivr.l2 .ivw{background:#4F4F8E}.ivr.l3 .ivw{background:var(--navy-surface)}
.ivb{flex:1;padding:.625rem .875rem;font:.8125rem/1.5 var(--sans);color:var(--ink)}
.ivaxis{margin-top:.4375rem;text-align:right;font:700 .6875rem/1 var(--sans);
  letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}

/* deal spine */
.spine{display:flex;flex-direction:column}
.sblock{padding:.625rem .875rem;border:1px solid var(--rule);border-left:4px solid var(--navy)}
.sbh{margin-bottom:.1875rem;font:700 .6875rem/1 var(--sans);letter-spacing:.11em;
  text-transform:uppercase;color:var(--gold-ink)}
.sbl{font:.8125rem/1.45 var(--sans);color:var(--ink)}
.sbl b{color:var(--navy-deep)}
.sgate{display:flex;gap:.75rem;align-items:flex-start;margin:.4375rem 0;padding:.5625rem .8125rem;
  background:var(--navy-surface);color:var(--on-navy);font:.78125rem/1.4 var(--sans)}
.sgate b{flex:0 0 3.875rem;padding-top:.125rem;font:700 .65625rem/1.2 var(--sans);
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

/* hands */
.hands{display:flex;gap:.5625rem}
.hand{flex:1;padding:.6875rem .75rem .8125rem;background:var(--ivory);border-top:3px solid var(--navy)}
.hand h4{margin:0 0 .3rem;font:700 .8125rem/1.3 var(--sans);color:var(--navy-deep);
  letter-spacing:normal;text-transform:none}
.hand p{margin:0;font:.78125rem/1.45 var(--sans);color:var(--ink)}
.checkbar{margin-top:.5625rem;padding:.625rem .875rem;text-align:center;
  background:var(--navy-surface);color:var(--on-navy);font:.78125rem/1.45 var(--sans)}
.checkbar b{color:var(--gold)}

/* stage blocks (WP005) */
.stage{margin:2.5rem 0 0}
.stage-num{display:inline-block;margin-bottom:.5rem;font:700 .6875rem/1 var(--sans);
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.bring{margin:1.25rem 0;padding:.875rem 1.1rem;background:var(--ivory);
  border-left:4px solid var(--gold);font:.9375rem/1.6 var(--sans);color:var(--ink)}
.bring-label{display:block;margin-bottom:.25rem;font-weight:700;color:var(--navy-deep)}

@media (max-width:38rem){
  .g4{flex:1 1 100%}
  .hands,.bandscale{flex-direction:column}
  .pwl{flex:0 0 8.5rem;font-size:.71875rem}
  .ivw{flex:0 0 5.75rem;font-size:.6875rem}
  .ltier{flex:0 0 4.75rem;font-size:.6875rem}
}
@media print{
  figure.bcafig,.g4,.hand,.stage{break-inside:avoid;page-break-inside:avoid}
  .prose h2{break-after:avoid;page-break-after:avoid}
}

/* ---- editorial end-note (source notes, resource offers, closing asides) ---- */
.endnote{margin:2.5rem 0 0;padding:1.25rem 1.4rem;background:var(--tint);
  border-left:4px solid var(--navy);font:.9375rem/1.65 var(--sans);color:var(--muted)}
.endnote p{margin:0 0 .75rem}
.endnote p:last-child{margin:0}
.endnote p:first-child{font-weight:700;color:var(--navy-deep)}
.endnote strong{color:var(--navy-deep)}
.endnote a{color:var(--gold-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.endnote a+a{margin-left:1rem}
/* attribution dash is presentation, not content, so CSS draws it */
.prose blockquote p:last-child:not(:only-child)::before{content:"— "}

/* PDFs are not served from the site — the card label is a statement, not a link */
span.card__pdf{color:var(--faint);font-weight:600;letter-spacing:.02em}
.card--lead span.card__pdf{color:var(--gold-soft)}