/* change-management, round 4 (2026-10-04). Linked only from article-change-management.html.
   Format: a research report. A report cover with a title block, report number and
   contents; an executive summary of numbered findings that point at their evidence;
   a note on the figures where the article says the shapes are illustrative; one
   centered reading column with full-width figure spreads and numbered tables.
   No margin column. Motion: Figure 2 draws as the reader scrolls (change-management.js). */

.cmb-page{--c-ink:#16150f;--c-ink2:#33312a;--c-mut:#6b6660;--c-rule:#ddd8cd;--c-rule2:#c3bdaf;
  --c-red:#A93A3A;--c-navy:#16304F;--c-gold:#B8862F;--c-go:#2E7D5B;--c-p2:#efece4;
  --wide:1120px;--mid:880px;--col:660px;}
.cmb-page ::selection{background:#16304F;color:#f7f5f0;}
.cmb a:focus-visible,.cmb button:focus-visible{outline:2px solid #e5322d;outline-offset:3px;}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.cmb p{margin:0;}
.cmr-wide,.spread{width:min(var(--wide),calc(100vw - 32px));margin-left:auto;margin-right:auto;}
.cmr-mid{width:min(var(--mid),calc(100vw - 32px));margin-left:auto;margin-right:auto;}
.cmr-col{width:min(var(--col),calc(100vw - 32px));margin-left:auto;margin-right:auto;}
.cmr-col > p:not([class]){font-family:var(--serif);font-size:1.2rem;line-height:1.64;color:var(--c-ink2);margin:0 0 1.35rem;font-variant-numeric:oldstyle-nums proportional-nums;}
.cmb-lead{font-family:var(--serif);font-size:1.4rem;line-height:1.5;color:var(--c-ink);margin:0 0 2rem !important;}

/* ---------- the report cover ---------- */
.cmr-cover{padding:clamp(1.4rem,3vw,2.2rem) 0 0 !important;}
.cmr-cover .back-link{display:inline-block;margin:0 0 1.2rem;font-family:var(--sans);font-size:.84rem;font-weight:600;color:var(--c-ink);}
.cv{position:relative;background:var(--c-p2);border-top:10px solid var(--c-ink);padding:clamp(1.2rem,3vw,2rem) clamp(18px,4vw,48px) 0;}
.cv-top{display:flex;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;font-family:var(--sans);font-size:.86rem;color:var(--c-ink2);padding-bottom:.8rem;border-bottom:1px solid var(--c-ink);}
.cv-top b{font-weight:700;color:var(--c-ink);}
.cv-no{font-weight:600;color:var(--c-ink);font-variant-numeric:tabular-nums;}
.cv-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4.5rem);padding:clamp(3rem,8vw,6.5rem) 0 clamp(2.4rem,5vw,3.6rem);align-items:end;}
.cv-title h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:.96;letter-spacing:-.037em;color:var(--c-ink);margin:0 0 1.6rem;max-width:12ch;}
.cv-title .dek{font-family:var(--serif);font-size:clamp(1.18rem,1.8vw,1.42rem);line-height:1.45;color:var(--c-ink2);max-width:44ch;}
.cv-toc{font-family:var(--sans);border-top:3px solid var(--c-ink);padding-top:.7rem;}
.cv-toc-h{font-size:.8rem;font-weight:600;color:var(--c-ink);margin-bottom:.5rem !important;}
.cv-toc ol{list-style:none;margin:0;padding:0;}
.cv-toc li{border-bottom:1px solid var(--c-rule2);}
.cv-toc a{display:grid;grid-template-columns:1.4rem 1fr;padding:.48rem 0;font-size:.88rem;line-height:1.35;color:var(--c-ink2);text-decoration:none;}
.cv-toc a:not(:has(span))::before{content:"";}
.cv-toc a span{font-weight:600;color:var(--c-red);font-variant-numeric:tabular-nums;}
.cv-toc a:hover{color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--c-red);}
.cv-meta{position:relative;background:var(--c-p2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.4fr);margin:0 calc(-1 * clamp(18px,4vw,48px));border-top:1px solid var(--c-ink);font-family:var(--sans);}
.cv-meta div{padding:.8rem clamp(18px,2.2vw,28px) 1rem;border-left:1px solid var(--c-rule2);}
.cv-meta div:first-child{border-left:0;padding-left:clamp(18px,4vw,48px);}
.cv-meta dt{font-size:.74rem;color:var(--c-mut);margin-bottom:.2rem;}
.cv-meta dd{margin:0;font-size:.9rem;font-weight:600;color:var(--c-ink);font-variant-numeric:tabular-nums;}

/* ---------- executive summary ---------- */
.cmr-summary{padding:clamp(3.4rem,7vw,5.5rem) 0 clamp(2.6rem,5vw,3.6rem);}
.cmr-summary h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,3.2vw,2.5rem);letter-spacing:-.025em;color:var(--c-ink);margin:0 0 1rem;}
.sum-lede{font-family:var(--serif);font-size:1.28rem;line-height:1.55;color:var(--c-ink);margin:0 0 2.2rem !important;}
.findings{list-style:none;padding:0;margin-top:0;margin-bottom:0;border-top:3px solid var(--c-ink);}
.findings li{display:grid;grid-template-columns:7.5rem minmax(0,1fr) 6rem;gap:1.4rem;align-items:baseline;padding:1.15rem 0;border-bottom:1px solid var(--c-rule2);}
.f-no{font-family:var(--sans);font-size:.84rem;font-weight:600;color:var(--c-red);font-variant-numeric:tabular-nums;}
.findings p{font-family:var(--serif);font-size:1.12rem;line-height:1.5;color:var(--c-ink2);}
.findings p b{display:block;font-weight:500;font-size:1.3rem;line-height:1.3;color:var(--c-ink);margin-bottom:.25rem;letter-spacing:-.01em;}
.f-ref{justify-self:end;font-family:var(--sans);font-size:.84rem;font-weight:600;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--c-rule2);text-underline-offset:3px;white-space:nowrap;}
.f-ref:hover{text-decoration-color:var(--c-red);}

/* ---------- note on the figures (methods) ---------- */
.cmr-body{padding:0 0 clamp(3rem,6vw,5rem);}
.cmr-method{margin-bottom:3rem !important;padding:1.1rem 0 1.2rem;border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-ink);}
.cmr-method .m-h{font-family:var(--sans);font-size:.86rem;font-weight:700;color:var(--c-ink);margin:0 0 .4rem;letter-spacing:0;}
.cmr-method.cmr-col > p{font-family:var(--sans);font-size:.92rem;line-height:1.6;color:var(--c-ink2);margin:0;}

/* ---------- section heads ---------- */
.cmr-col h2.sh{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.75rem,2.8vw,2.3rem);line-height:1.14;letter-spacing:-.022em;color:var(--c-ink);
  margin:clamp(3.6rem,7vw,5rem) 0 1.2rem;padding-top:1rem;border-top:1px solid var(--c-rule2);scroll-margin-top:5.4rem;}
.sh .sn{color:var(--c-red);margin-right:.55em;font-variant-numeric:lining-nums;}

/* ---------- figure spreads and tables share one heading form ---------- */
.spread{margin-top:clamp(2.4rem,5vw,3.4rem);margin-bottom:clamp(2.6rem,5vw,3.6rem);scroll-margin-top:5.4rem;}
.sp-head,.tab-head{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.4rem;align-items:baseline;padding:.75rem 0 .9rem;border-top:3px solid var(--c-ink);border-bottom:1px solid var(--c-rule2);margin:0 0 1.4rem !important;}
.sp-no{font-family:var(--sans);font-size:.84rem;font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums;}
.sp-t{font-family:var(--serif);font-size:clamp(1.2rem,1.9vw,1.45rem);font-weight:500;line-height:1.25;color:var(--c-ink);letter-spacing:-.012em;}
.sp-note{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.4rem;margin-top:1.2rem;padding-top:.7rem;border-top:1px solid var(--c-rule2);font-family:var(--sans);font-size:.86rem;line-height:1.55;color:var(--c-mut);}
.sp-note .nl{font-weight:600;color:var(--c-ink);}
.sp-note b{font-weight:600;color:var(--c-ink);}

.cmb figcaption.sp-head{font-family:inherit;}
.tab{margin-top:1.4rem;margin-bottom:2.4rem;scroll-margin-top:5.4rem;}

/* ---------- Figure 1: the one framed object, a status report ---------- */
.rep-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.6rem;align-items:end;}
.rep-sheet{background:#fff;border:1px solid var(--c-rule2);font-family:var(--sans);
  font-variant-numeric:tabular-nums;box-shadow:0 1px 0 var(--c-rule);}
.rep-top{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--c-rule2);font-size:.82rem;}
.rep-name{font-weight:600;color:var(--c-ink);}
.rep-sec{color:var(--c-mut);}
.rep-sheet table{width:100%;border-collapse:collapse;font-size:.9rem;}
.rep-sheet th{text-align:left;font-weight:500;font-size:.78rem;color:var(--c-mut);padding:.55rem 1rem;border-bottom:1px solid var(--c-rule);}
.rep-sheet td{padding:.55rem 1rem;border-bottom:1px solid #ece8df;color:var(--c-ink);vertical-align:middle;}
.rep-sheet .r{text-align:right;}
.rep-sheet tr.ctx td{color:#8f8a81;}
.rep-sheet tr.hot td{background:rgba(184,134,47,.12);font-weight:600;}
.rep-sheet tr.hot .pc{font-weight:700;font-size:1rem;}
.rep-sheet .st{display:inline-flex;align-items:center;gap:.4rem;}
.rep-sheet .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--c-go);display:inline-block;}
.rep-sheet tr.ctx .dot{opacity:.55;}
.rep-sheet tr.miss td{border-bottom:0;border-top:1px dashed var(--c-red);color:var(--c-red);font-weight:600;font-size:.86rem;padding:.6rem 1rem .7rem;}
.rep-sheet tr.miss .nr{font-weight:400;font-style:italic;color:var(--c-mut);margin-left:.4rem;}
.cmb .pin{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:50%;
  background:var(--c-red);color:#fff;font:700 .7rem/1 var(--sans);font-style:normal;flex:none;vertical-align:.08em;}
.rep-sheet td .pin{margin-left:.45rem;}
.rep-sheet tr.miss .pin{margin:0 .5rem 0 0;}
.rep-notes{list-style:none;margin:0;padding:0;display:grid;gap:1rem;}
.rep-notes li{display:grid;grid-template-columns:1.15rem 1fr;gap:.6rem;font:400 .88rem/1.5 var(--sans);color:var(--c-ink2);}
.rep-notes .pin{margin-top:.12rem;}

/* ---------- Figure 1: scroll drawn chart, no frame ---------- */
.cmx-fig svg{width:100%;height:auto;display:block;overflow:visible;}
.cmx-phone{display:none !important;}
.cmx-fig .ax line{stroke:var(--c-rule2);stroke-width:1;}
.cmx-fig .ax text{font-family:var(--sans);font-size:13px;fill:var(--c-mut);}
.cmx-fig path{fill:none;stroke-linejoin:round;stroke-linecap:round;}
.cmx-fig .gh{stroke-width:2.5;opacity:.14;}
.cmx-fig .g-ink{stroke:var(--c-ink);}
.cmx-fig .g-mut{stroke:var(--c-mut);stroke-dasharray:6 5;}
.cmx-fig .g-red{stroke:var(--c-red);}
.cmx-fig .comp{stroke:var(--c-ink);stroke-width:2.5;}
.cmx-fig .act{stroke:var(--c-red);stroke-width:2.75;}
.cmx-fig .exp{stroke:#8a857c;stroke-width:2;stroke-dasharray:6 5;}
.cmx-fig .lb text{font-family:var(--sans);font-size:15px;font-weight:600;}
.cmx-fig .l-comp circle{fill:var(--c-ink);} .cmx-fig .l-comp text{fill:var(--c-ink);}
.cmx-fig .l-act circle{fill:var(--c-red);} .cmx-fig .l-act text{fill:var(--c-red);}
.cmx-fig .l-exp text{fill:var(--c-mut);font-weight:500;}
.cmx-fig .l-gap line{stroke:var(--c-ink);stroke-width:1;}
.cmx-fig .l-gap text{font-family:var(--serif);font-style:italic;font-weight:500;font-size:20px;fill:var(--c-ink);}


/* ---------- Table 1: sponsor questions, hairline ---------- */
.led-r{display:grid;grid-template-columns:minmax(0,1fr) 9rem;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--c-rule);
  font-family:var(--serif);font-size:1.05rem;line-height:1.5;color:var(--c-ink2);}
.led-r b{font-weight:600;color:var(--c-ink);font-size:1.12rem;}
.led-h{padding:.1rem 0 .5rem;border-bottom:1px solid var(--c-ink);font-family:var(--sans);font-size:.8rem;color:var(--c-mut);}
.led-a{font-family:var(--sans);font-weight:600;font-size:.92rem;color:var(--c-ink);text-align:right;}
.led-h .led-a{font-weight:500;color:var(--c-mut);font-size:.8rem;}
.cmb-ledger .tab-head{margin-bottom:.6rem !important;}

/* ---------- Table 2: the training swaps ---------- */
.swap{width:100%;border-collapse:collapse;}
.swap th{text-align:left;font-family:var(--sans);font-size:.8rem;font-weight:500;color:var(--c-mut);padding:.1rem 1.4rem .5rem 0;border-bottom:1px solid var(--c-ink);}
.swap td{vertical-align:baseline;padding:1rem 1.4rem 1rem 0;border-bottom:1px solid var(--c-rule);}
.swap td:first-child{width:32%;font-family:var(--serif);font-size:1.04rem;line-height:1.4;color:var(--c-mut);}
.swap s{text-decoration-color:var(--c-red);text-decoration-thickness:1.5px;}
.swap td:last-child{padding-right:0;}
.swap b{display:block;font-family:var(--serif);font-weight:500;font-size:1.18rem;line-height:1.35;color:var(--c-ink);}
.swap td span{display:block;margin-top:.3rem;font-family:var(--sans);font-size:.9rem;line-height:1.5;color:var(--c-mut);}
.cmb .pin{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border-radius:50%;
  background:var(--c-red);color:#fff;font:700 .7rem/1 var(--sans);font-style:normal;flex:none;vertical-align:.08em;}
.rep-sheet td .pin{margin-left:.45rem;}
.rep-sheet tr.miss .pin{margin:0 .5rem 0 0;}

/* ---------- Figure 3: adoption small multiples ---------- */
.mu-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 3rem;margin-top:.6rem;}
.mu h3{font-family:var(--serif);font-weight:600;font-size:1.2rem;color:var(--c-ink);margin:0 0 .5rem;letter-spacing:-.01em;}
.mu svg{width:100%;height:auto;display:block;overflow:visible;margin-bottom:.8rem;}
.mu .mx{stroke:var(--c-rule2);stroke-width:1;}
.mu .mx-tk{stroke:var(--c-rule2);stroke-width:1;}
.mu .mx-ref{stroke:var(--c-ink);stroke-width:1;stroke-dasharray:3 3;}
.mu .b{fill:#cfc9bc;}
.mu .b-hot{fill:var(--c-red);}
.mu .ml{fill:none;stroke:var(--c-ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.mu .ml-hot{stroke:var(--c-red);stroke-width:2.6;}
.mu .ml-dash{stroke:#8a857c;stroke-width:1.5;stroke-dasharray:5 4;}
.mu text{font-family:var(--sans);font-variant-numeric:tabular-nums;}
.mu .mt{font-size:12px;fill:var(--c-mut);}
.mu .mv{font-size:13px;font-weight:600;fill:var(--c-red);}
.mu-what{font-family:var(--serif);font-size:1.02rem;line-height:1.5;color:var(--c-ink2);margin:0 0 .7rem !important;}
.mu-warn{font-family:var(--sans);font-size:.88rem;line-height:1.5;color:var(--c-ink);padding-top:.6rem;border-top:1px solid var(--c-rule);}
.mu-warn > span{display:block;margin-bottom:.1rem;}

.mu-warn > span{font-family:var(--sans);font-size:.94rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--c-mut);}

/* ---------- close ---------- */
.cmb-close{font-family:var(--serif);font-size:1.42rem !important;line-height:1.48;color:var(--c-ink);margin:2.6rem 0 0 !important;padding-top:1.4rem;border-top:1px solid var(--c-ink);}
.cmr-end{margin-top:2.6rem !important;padding-top:.6rem;border-top:3px double var(--c-ink);font-family:var(--sans);font-size:.8rem;color:var(--c-mut);text-align:center;}
.cmr-cta{padding-top:.5rem;}

/* ---------- scroll linked motion: only on screen, only without reduced motion, only once JS adds .live ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .cmx-stage.live .cmx-fig{position:sticky;top:88px;}
  .cmx-stage.live.nopin .cmx-fig{position:static;}
  .cmx-stage.live{--p:0;}
  .cmx-stage.live .comp{--k:clamp(0,calc(var(--p) / .3),1);}
  .cmx-stage.live .expw{--k:clamp(0,calc((var(--p) - .34) / .24),1);}
  .cmx-stage.live .act{--k:clamp(0,calc((var(--p) - .62) / .26),1);}
  .cmx-stage.live .ln{stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--k));}
  .cmx-stage.live .expw{clip-path:inset(-10px calc((1 - var(--k)) * 100%) -10px 0);}
  .cmx-stage.live .l-comp{opacity:clamp(0,calc((var(--p) - .27) * 14),1);}
  .cmx-stage.live .l-exp{opacity:clamp(0,calc((var(--p) - .55) * 14),1);}
  .cmx-stage.live .l-act{opacity:clamp(0,calc((var(--p) - .85) * 14),1);}
  .cmx-stage.live .l-gap{opacity:clamp(0,calc((var(--p) - .9) * 12),1);transform:translateY(calc((1 - clamp(0,calc((var(--p) - .9) * 12),1)) * 6px));}
}


/* ---------- tablet and phone ---------- */
@media (max-width:960px){
  .cv-main{grid-template-columns:1fr;align-items:start;}
  .cv-toc{max-width:420px;}
  .cv-meta{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cv-meta div{border-left:0;border-top:1px solid var(--c-rule2);padding-left:clamp(18px,4vw,48px);}
  .cv-meta div:nth-child(-n+2){border-top:0;}
  .cv-meta div:last-child{grid-column:1 / -1;}
  .rep-wrap{grid-template-columns:1fr;gap:1.2rem;}
  .mu-row{grid-template-columns:minmax(0,1fr);max-width:460px;}
}
@media (max-width:640px){
  .cmr-col > p:not([class]){font-size:1.1rem;}
  .cmb-lead{font-size:1.24rem;}
  .findings li{grid-template-columns:1fr auto;gap:.3rem 1rem;}
  .findings p{grid-column:1 / -1;grid-row:2;}
  .f-no{grid-row:1;}
  .f-ref{grid-row:1;}
  .sp-head,.tab-head,.sp-note{grid-template-columns:1fr;gap:.3rem;}
  .led-r{grid-template-columns:minmax(0,1fr) 5.2rem;gap:.9rem;}
  .swap thead{display:none;}
  .swap,.swap tbody,.swap tr,.swap td{display:block;width:auto !important;}
  .swap tr{padding:.9rem 0;border-bottom:1px solid var(--c-rule);}
  .swap td{padding:0;border:0;}
  .swap td:first-child{margin-bottom:.3rem;}
}
@media (max-width:820px){
  .cmx-wide{display:none !important;}
  .cmx-phone{display:block !important;max-width:520px;}
  .cmx-fig .ax text{font-size:12px;}
  .cmx-fig .lb text{font-size:13px;}
  .cmx-fig .l-gap text{font-size:16px;}
}
@media (max-width:720px){
  .led-r{grid-template-columns:minmax(0,1fr) 5.2rem;gap:.9rem;}
  .rep-sheet th,.rep-sheet td{padding:.5rem .55rem;}
  .rep-sheet table{font-size:.8rem;}
  .rep-sheet th{font-size:.72rem;}
  .rep-top{padding:.6rem .55rem;font-size:.76rem;}
}
@media (max-width:560px){
  .rep-sheet thead{display:none;}
  .rep-sheet tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.8rem;padding:.55rem .75rem;border-bottom:1px solid #ece8df;}
  .rep-sheet td{display:block;padding:0;border:0;}
  .rep-sheet td:nth-child(1){grid-column:1;grid-row:1;}
  .rep-sheet td:nth-child(4){grid-column:2;grid-row:1;text-align:right;}
  .rep-sheet td:nth-child(2){grid-column:1;grid-row:2;font-size:.78rem;color:var(--c-mut);font-weight:400;margin-top:.15rem;}
  .rep-sheet td:nth-child(3){grid-column:2;grid-row:2;margin-top:.15rem;}
  .rep-sheet tr.hot td{background:none;}
  .rep-sheet tr.hot{background:rgba(184,134,47,.12);}
  .rep-sheet tr.miss{display:block;border-top:1px dashed var(--c-red);border-bottom:0;}
  .rep-sheet tr.miss td{border:0;padding:0;}
  .rep-top .rep-sec{display:none;}
}

@media (max-width:720px){
  .rep-sheet th,.rep-sheet td{padding:.5rem .55rem;}
  .rep-sheet table{font-size:.8rem;}
  .rep-sheet th{font-size:.72rem;}
  .rep-top{padding:.6rem .55rem;font-size:.76rem;}
}
@media (max-width:560px){
  .rep-sheet thead{display:none;}
  .rep-sheet tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.8rem;padding:.55rem .75rem;border-bottom:1px solid #ece8df;}
  .rep-sheet td{display:block;padding:0;border:0;}
  .rep-sheet td:nth-child(1){grid-column:1;grid-row:1;}
  .rep-sheet td:nth-child(4){grid-column:2;grid-row:1;text-align:right;}
  .rep-sheet td:nth-child(2){grid-column:1;grid-row:2;font-size:.78rem;color:var(--c-mut);font-weight:400;margin-top:.15rem;}
  .rep-sheet td:nth-child(3){grid-column:2;grid-row:2;margin-top:.15rem;}
  .rep-sheet tr.hot td{background:none;}
  .rep-sheet tr.hot{background:rgba(184,134,47,.12);}
  .rep-sheet tr.miss{display:block;border-top:1px dashed var(--c-red);border-bottom:0;}
  .rep-sheet tr.miss td{border:0;padding:0;}
  .rep-top .rep-sec{display:none;}
}
@media print{
  .cmx-stage{height:auto !important;}
  .cmx-fig{position:static !important;}
  .spread,.tab,.cv{break-inside:avoid;}
}

/* print: site.js hides main > section as .reveal until scrolled into view; print it whether or not the reader scrolled (added 2026-10-05) */
@media print{main .reveal{opacity:1 !important;transform:none !important;}}

/* ---------- Color 2026-10-09: lead red, gold and green in support ---------- */
.cmb-page{--c-hot:#e5322d;--c-rt:#FDF3F3;--c-gd:#8A6413;--c-gt:#FBF3E0;--c-gn:#1F5E42;--c-gnt:#F1F8F4;--c-bd:#0002a8;--c-bt:#ececfb;}

/* cover: red head rule and a faint graph-paper field behind the contents */
.cv{border-top-color:var(--c-hot);isolation:isolate;}
.cv::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(169,58,58,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(169,58,58,.10) 1px,transparent 1px);
  background-size:26px 26px;background-position:-1px -1px;
  -webkit-mask-image:linear-gradient(100deg,transparent 38%,#000 82%);mask-image:linear-gradient(100deg,transparent 38%,#000 82%);}
.cv-no{color:var(--c-red);}
.sh .sn{color:var(--c-hot);}

/* the report in four numbers */
.cmr-figs{margin-top:clamp(2.8rem,6vw,4rem);}
.figs-h{font-family:var(--sans);font-size:.84rem;font-weight:700;color:var(--c-ink);padding:.75rem 0 .8rem;border-top:3px solid var(--c-hot);border-bottom:1px solid var(--c-rule2);}
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;}
.figs div{padding:1.4rem 1.5rem .4rem;border-left:1px solid var(--c-rule2);}
.figs div:first-child{border-left:0;padding-left:0;}
.figs dt{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,5.4vw,4.1rem);line-height:.95;letter-spacing:-.035em;
  color:var(--c-hot);font-variant-numeric:lining-nums;margin-bottom:.75rem;}
.figs dd{margin:0;font-family:var(--sans);font-size:.88rem;line-height:1.5;color:var(--c-ink2);max-width:24ch;}

/* Figure 2: green is where it should go, red is what happened */
.cmx-fig .g-mut,.cmx-fig .exp{stroke:var(--c-go);}
.cmx-fig .g-red,.cmx-fig .act{stroke:var(--c-hot);}
.cmx-fig .gh{opacity:.18;}
.cmx-fig .l-act circle{fill:var(--c-hot);}
.cmx-fig .l-act text{fill:var(--c-red);}
.cmx-fig .l-exp text{fill:var(--c-gn);font-weight:600;}
.cmx-fig .l-gapz polygon{fill:var(--c-hot);fill-opacity:.09;stroke:none;}
.cmx-fig .l-gap line{stroke:var(--c-red);}
.cmx-fig .l-gap text{fill:var(--c-red);}

/* Figure 3: four tinted quadrants */
.qd{display:grid;grid-template-columns:1.3rem minmax(0,1fr);column-gap:.8rem;margin-top:.4rem;}
.qd-y{grid-column:1;grid-row:1;margin:0 !important;display:flex;flex-direction:column;justify-content:space-between;align-items:center;
  font-family:var(--sans);font-size:.78rem;color:var(--c-mut);}
.qd-y span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;}
.qd-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.q{padding:1.35rem 1.5rem 1.6rem;min-height:11.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.q h3{margin:0 0 .5rem;font-family:var(--serif);font-weight:600;font-size:1.22rem;line-height:1.25;letter-spacing:-.01em;}
.q p{font-family:var(--sans);font-size:.92rem;line-height:1.5;color:var(--c-ink2);max-width:34ch;}
.q-hl{background:var(--c-gt);} .q-hl h3{color:var(--c-gd);}
.q-hb{background:var(--c-rt);border-top:3px solid var(--c-hot);padding-top:calc(1.35rem - 3px);} .q-hb h3{color:var(--c-red);}
.q-ll{background:#e9e6de;} .q-ll h3{color:var(--c-ink2);}
.q-lb{background:var(--c-gnt);} .q-lb h3{color:var(--c-gn);}
.pt-flag{display:block;font-family:var(--serif);font-style:italic;font-size:1.02rem;color:var(--c-red);margin:-.2rem 0 .45rem;}
.qd-x{grid-column:2;display:flex;justify-content:space-between;gap:1rem;margin:.55rem 0 0 !important;font-family:var(--sans);font-size:.78rem;color:var(--c-mut);}

/* Table 2: colored header bars over the two columns */
.swap th{padding:.62rem 1rem;font-size:.84rem;font-weight:600;color:#fff;border-bottom:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.swap th:first-child{background:var(--c-red);}
.swap th:last-child{background:var(--c-gn);border-left:6px solid var(--paper,#f7f5f0);}
.swap td{padding:1rem 1rem;}
.swap td:last-child{padding-right:1rem;border-left:6px solid var(--paper,#f7f5f0);}
.swap td:first-child{background:var(--c-rt);color:#6b5a58;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.swap tr:first-child td{padding-top:1.1rem;}

/* Figure 4 sits on a full-width band with a quiet dot field */
.cmr-band{margin:clamp(2.4rem,5vw,3.4rem) 0 clamp(1rem,3vw,2rem);padding:.2rem 0 clamp(1.8rem,4vw,2.6rem);
  background-color:var(--c-p2);background-image:radial-gradient(rgba(22,21,15,.13) .9px,transparent 1.3px);background-size:16px 16px;background-position:8px 8px;
  border-top:1px solid var(--c-rule2);border-bottom:1px solid var(--c-rule2);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.cmr-band .spread{margin-top:clamp(1.8rem,4vw,2.6rem);margin-bottom:0;}
.cmr-band .sp-head{border-top-color:var(--c-hot);}
.mu .b{fill:#c8c1b2;}
.mu .b-hot{fill:var(--c-hot);}
.mu .ml-hot{stroke:var(--c-hot);}
.mu .mx-ref{stroke:var(--c-go);stroke-dasharray:4 3;}
.mu .ml-dash{stroke:var(--c-go);}
.mu .mt-ok{fill:var(--c-gn);font-weight:600;}
.mu .mv{fill:var(--c-red);}
.mu-warn > span{color:var(--c-red);}

@media screen and (prefers-reduced-motion:no-preference){
  .cmx-stage.live .l-gapz{opacity:clamp(0,calc((var(--p) - .9) * 12),1);}
}
@media (max-width:820px){
  .figs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .figs div{border-left:0;padding:1.2rem 1.2rem .9rem 0;border-top:1px solid var(--c-rule2);}
  .figs div:nth-child(-n+2){border-top:0;}
  .figs div:nth-child(even){padding-left:1.2rem;border-left:1px solid var(--c-rule2);}
}
@media (max-width:640px){
  .swap th{display:none;}
  .swap tr{padding:0 0 .9rem;border-bottom:0;}
  .swap tr{padding-bottom:1.7rem;}
  .swap td:first-child,.swap tr:first-child td:first-child{padding:.6rem .8rem;margin:0 0 .35rem;}
  .swap tr:first-child td:last-child{padding-top:0;}
  .swap td:last-child{border-left:3px solid var(--c-gn);padding:0 0 0 .8rem;}
  .swap td:first-child::before,.swap td:last-child::before{display:block;font-family:var(--sans);font-size:.74rem;font-weight:600;margin-bottom:.15rem;}
  .swap td:first-child::before{content:"Instead of";color:var(--c-red);}
  .swap td:last-child::before{content:"Do this";color:var(--c-gn);}
}
@media (max-width:560px){
  .qd{grid-template-columns:1rem minmax(0,1fr);column-gap:.45rem;}
  .qd-y,.qd-x{font-size:.72rem;}
  .qd-grid{gap:4px;}
  .q{padding:.85rem .8rem 1rem;min-height:0;}
  .q-hb{padding-top:calc(.85rem - 3px);}
  .q h3{font-size:1rem;}
  .q p{font-size:.78rem;line-height:1.42;}
  .pt-flag{font-size:.9rem;}
  .figs dt{font-size:2.7rem;}
  .figs dd{font-size:.82rem;}
}
@media print{
  .cv,.cv::before{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}