/* program-kpis, rollout (2026-10-05): a typographic index of red-flag lines.
   Linked only from article-program-kpis.html. The article's twenty-nine KPIs are
   set as one printed index in six bands, one band per view. Each entry is a
   threshold figure on a shared baseline with its KPI, formula, owner and cadence
   underneath. The five spine KPIs are set largest; thresholds stated in words
   are set in italic serif. Every view section below opens on a guide line that
   repeats its band's figures, the way a dictionary page carries guide words.
   Motion: a red line sweeps each band and the figures it passes turn from ink
   to red. The finished state (all red) is the plain HTML. */

.pk{
  --paper:#f7f5f0; --paper2:#efece4; --ink:#16150f; --ink2:#33312a; --mut:#6b6660;
  --navy:#0e1330; --navy2:#16304F; --red:#e5322d; --red2:#A93A3A; --gold:#B8862F;
  --rule:#ddd8cd; --rule2:#c3bdaf;
  --lab:13.75rem; --gap:2.25rem; --fbh:6.1rem;
  background:var(--paper);
}
.pk ::selection{background:var(--red2);color:var(--paper);}
.pk a:focus-visible,.pk button:focus-visible{outline:2px solid var(--red2);outline-offset:3px;}
.pk [id]{scroll-margin-top:84px;}
.pk-main{background:var(--paper);color:var(--ink2);}
.pk-w{width:min(1200px,calc(100vw - 32px));margin:0 auto;}
.pk-lab{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);}

/* ---------- masthead ---------- */
.pk-mast{padding:1.6rem 0 1rem;}
.pk-folio{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.85rem;border-bottom:3px solid var(--ink);}
.pk-mast .pk-folio .back-link{margin:0;}
.pk-title{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--gap);align-items:end;padding:2.6rem 0 2.3rem;border-bottom:1px solid var(--rule2);}
.pk-mast .pk-title h1{margin:0;font-size:clamp(2.6rem,6.2vw,5.5rem);line-height:.97;letter-spacing:-.036em;font-weight:500;max-width:12ch;color:var(--ink);}
.pk-titler .dek{font-size:1.17rem;line-height:1.5;color:var(--ink2);margin:0;max-width:36ch;}
.pk-titler .article-meta{margin-top:1.2rem;padding:.6rem 0 0;border-bottom:0;border-top:1px solid var(--rule);gap:.3rem 1.1rem;}

/* ---------- prose column, hung on the index label line ---------- */
.pk-col{margin-left:calc(var(--lab) + var(--gap));max-width:46rem;}
.pk-col p{font-family:var(--serif);font-size:1.19rem;line-height:1.62;color:var(--ink2);margin:0 0 1.15rem;max-width:39rem;}
.pk-col a,.pk-rel a,.pk-kit a:not(.btn){color:var(--ink);text-decoration:underline;text-decoration-color:var(--red2);text-decoration-thickness:1px;text-underline-offset:3px;}
.pk-col a:hover,.pk-rel a:hover,.pk-kit a:not(.btn):hover{color:var(--red2);}
.pk-lede{padding-top:2.5rem;}
.pk-col p.pk-first{font-size:1.32rem;line-height:1.55;color:var(--ink);}
.pk-col p.pk-disp{max-width:none;font-size:clamp(1.42rem,2.3vw,1.86rem);line-height:1.34;color:var(--ink);letter-spacing:-.01em;margin:1.9rem 0 1.7rem;}
.pk-n{font-family:var(--sans);font-weight:650;font-size:.86em;letter-spacing:-.025em;font-variant-numeric:tabular-nums lining-nums;color:var(--ink);white-space:nowrap;}
.pk-col h3{font-family:var(--sans);font-size:1.03rem;font-weight:650;letter-spacing:0;color:var(--ink);margin:2.4rem 0 .55rem;}
.pk-col p.pk-src{font-family:var(--sans);font-size:.9rem;line-height:1.58;color:var(--mut);border-top:1px solid var(--rule);padding-top:.85rem;margin-top:1.6rem;}

/* ---------- the index ---------- */
.pk-ix{padding:4.2rem 0 1.5rem;}
.pk-ixhead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--gap);align-items:end;padding-bottom:1.6rem;border-bottom:3px solid var(--ink);}
.pk-ixhead h2{margin:0;font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.04;letter-spacing:-.026em;font-weight:500;color:var(--ink);max-width:17ch;}
.pk-ixintro p{font-family:var(--serif);font-size:1.07rem;line-height:1.55;color:var(--ink2);margin:0 0 .85rem;max-width:46ch;}
.pk-ixintro p.pk-key{font-family:var(--sans);font-size:.85rem;color:var(--mut);margin:0;}
.pk-keyx{font-family:var(--sans);font-weight:650;font-size:1.3rem;letter-spacing:-.03em;color:var(--red2);margin-right:.2rem;font-variant-numeric:tabular-nums;}
.pk-keyw{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--red2);margin:0 .2rem 0 .8rem;}
.pk-skip{display:inline-block;margin-top:.7rem;padding:0;border:0;background:none;cursor:pointer;font-family:var(--sans);font-size:.85rem;font-weight:500;color:var(--ink2);text-decoration:underline;text-decoration-color:var(--rule2);text-underline-offset:3px;}
.pk-skip:hover{color:var(--red2);text-decoration-color:var(--red2);}

.pk-band{display:grid;grid-template-columns:var(--lab) minmax(0,1fr);gap:var(--gap);padding:1.9rem 0 1.6rem;border-bottom:1px solid var(--rule2);}
.pk-band:last-child{border-bottom:3px solid var(--ink);}
.pk-bl{display:flex;flex-direction:column;gap:.3rem;padding-top:.15rem;}
.pk-bn{font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;}
.pk-bv{font-family:var(--sans);font-size:1.06rem;font-weight:650;line-height:1.25;color:var(--ink);text-decoration:none;}
.pk-bv:hover{text-decoration:underline;text-decoration-color:var(--red2);text-underline-offset:3px;}
.pk-bq{font-family:var(--serif);font-style:italic;font-size:1.06rem;line-height:1.35;color:var(--ink2);}
.pk-bnote{font-family:var(--sans);font-size:.8rem;line-height:1.45;color:var(--mut);margin-top:.6rem;max-width:24ch;}

.pk-es{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;row-gap:1.9rem;position:relative;}
.pk-e{flex:1 1 13.5rem;min-width:0;display:flex;flex-direction:column;padding:0 1.4rem 0 1.1rem;border-left:1px solid var(--rule);}
.pk-e.pk-xl{flex-basis:17.5rem;}
.pk-e.pk-wd{flex-basis:13.5rem;}
.pk-band:last-child .pk-e{flex-basis:11.5rem;}
.pk-band:not(:has(.pk-xl)){--fbh:3.95rem;}
.pk-c{font-family:var(--sans);font-size:.78rem;font-weight:500;line-height:1.3;color:var(--mut);min-height:1.3em;}
.pk-fb{display:grid;align-content:end;min-height:var(--fbh);margin-top:.2rem;}
.pk-f{grid-area:1/1;font-family:var(--sans);font-weight:500;font-size:3.15rem;line-height:.92;letter-spacing:-.045em;color:var(--red2);font-variant-numeric:tabular-nums lining-nums;}
.pk-e.pk-xl .pk-f{font-size:clamp(3.8rem,6.2vw,5.6rem);font-weight:650;letter-spacing:-.05em;}
.pk-f small{font-size:.3em;font-weight:600;letter-spacing:0;}
.pk-e.pk-wd .pk-f{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.68rem;line-height:1.08;letter-spacing:-.012em;}
.pk-e.pk-xl.pk-wd .pk-f{font-size:2.55rem;line-height:1.02;letter-spacing:-.02em;}
.pk-k{font-family:var(--sans);font-size:.98rem;font-weight:650;line-height:1.3;color:var(--ink);margin-top:.85rem;}
.pk-d{font-family:var(--serif);font-size:1.01rem;line-height:1.42;color:var(--ink2);margin-top:.3rem;max-width:34ch;}
.pk-o{font-family:var(--sans);font-size:.78rem;color:var(--mut);margin-top:.5rem;}
.pk-f.pk-fr,.pk-sw{display:none;}

/* QA 2026-10-05: band 6 has three-line italic flags and a two-line cue, which pushed its KPI names off the row line; give that band room so every row stays on one baseline */
@media (min-width:761px){
  .pk-band:last-child{--fbh:5.7rem;}
  .pk-band:last-child .pk-c{min-height:2.6em;}
}

/* ---------- sections ---------- */
.pk-sec{padding:4.6rem 0 1.2rem;}
.pk-sec h2{font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.04;letter-spacing:-.026em;font-weight:500;color:var(--ink);max-width:19ch;margin:0 0 2.1rem;}
.pk-sec:not(.pk-view)>.pk-w>h2{padding-top:1.1rem;border-top:1px solid var(--rule2);max-width:none;}
.pk-guide{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem 2rem;padding-top:.75rem;border-top:2px solid var(--ink);margin-bottom:2.3rem;}
.pk-gf{display:flex;flex-wrap:wrap;gap:.2rem 1.6rem;font-family:var(--sans);font-size:1.32rem;font-weight:600;letter-spacing:-.02em;color:var(--red2);font-variant-numeric:tabular-nums;}

/* the five on one slide */
.pk-five{list-style:none;margin:2.2rem 0 2.4rem calc(var(--lab) + var(--gap));padding:0;max-width:52rem;border-top:2px solid var(--ink);}
.pk-five li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2rem;padding:1rem 0 1.05rem;border-bottom:1px solid var(--rule2);}
.pk-fk{grid-column:1;font-family:var(--serif);font-size:1.55rem;line-height:1.15;color:var(--ink);}
.pk-fq{grid-column:1;font-family:var(--serif);font-style:italic;font-size:1.06rem;line-height:1.35;color:var(--mut);margin-top:.2rem;}
.pk-ff{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--sans);font-size:.85rem;color:var(--mut);text-align:right;white-space:nowrap;}
.pk-ff b{font-size:2.15rem;font-weight:600;letter-spacing:-.035em;color:var(--red2);font-variant-numeric:tabular-nums;margin:0 .08em;}
.pk-ff em{font-family:var(--serif);font-size:1.5rem;color:var(--red2);}

/* before and after go-live */
.pk-ba{margin:2.3rem 0 2.4rem calc(var(--lab) + var(--gap));max-width:52rem;border-top:2px solid var(--ink);}
.pk-bar{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);column-gap:2.4rem;padding:.85rem 0;border-bottom:1px solid var(--rule);}
.pk-bar>span:first-child{font-family:var(--sans);font-size:.95rem;font-weight:600;line-height:1.4;color:var(--ink);}
.pk-bar>span:last-child{position:relative;font-family:var(--serif);font-size:1.07rem;line-height:1.45;color:var(--ink2);}
.pk-bar>span:last-child::before{content:"";position:absolute;left:-1.6rem;top:.72em;width:.9rem;border-top:1px solid var(--red2);}
.pk-bar.pk-bah>span{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--mut);}
.pk-bar.pk-bah>span:last-child::before{display:none;}

.pk-proc{margin:1.3rem 0 1.6rem;border-top:1px solid var(--rule2);}
.pk-proc dt{font-family:var(--sans);font-size:.95rem;font-weight:650;color:var(--ink);padding-top:1rem;}
.pk-proc dd{margin:.3rem 0 0;padding-bottom:1rem;border-bottom:1px solid var(--rule);font-family:var(--serif);font-size:1.12rem;line-height:1.58;color:var(--ink2);}
.pk-exit{list-style:none;margin:0 0 1.3rem;padding:0;border-top:1px solid var(--rule2);max-width:39rem;}
.pk-exit li{position:relative;padding:.6rem 0 .6rem 1.7rem;border-bottom:1px solid var(--rule);font-family:var(--serif);font-size:1.12rem;line-height:1.45;color:var(--ink);}
.pk-exit li::before{content:"";position:absolute;left:0;top:1.2rem;width:.9rem;border-top:2px solid var(--red2);}

.pk-rules{list-style:none;margin:0 0 1.7rem;padding:0;counter-reset:r;border-top:1px solid var(--rule2);max-width:39rem;}
.pk-rules li{counter-increment:r;position:relative;padding:.7rem 0 .7rem 2.1rem;border-bottom:1px solid var(--rule);font-family:var(--serif);font-size:1.12rem;line-height:1.5;color:var(--ink2);}
.pk-rules li::before{content:counter(r);position:absolute;left:0;top:.85rem;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;}
.pk-rules b{font-family:var(--sans);font-size:.94em;font-weight:650;color:var(--ink);}
.pk-q{display:grid;grid-template-columns:7rem minmax(0,1fr);margin:0 0 1.5rem;border-top:1px solid var(--rule2);max-width:39rem;}
.pk-q dt{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--ink);padding:.85rem 0 .7rem;border-bottom:1px solid var(--rule);}
.pk-q dd{margin:0;padding:.7rem 0;border-bottom:1px solid var(--rule);font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.4;color:var(--ink);}
.pk-big{margin:2.8rem 0 0 calc(var(--lab) + var(--gap));max-width:23ch;font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.15;letter-spacing:-.015em;color:var(--ink);}
.pk-big .pk-n{color:var(--red2);}

/* download and related */
.pk-end{padding-bottom:3.5rem;}
.pk-kit{margin:3rem 0 0 calc(var(--lab) + var(--gap));max-width:52rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 2.5rem;flex-wrap:wrap;padding:1.5rem 0 1.6rem;border-top:3px solid var(--ink);border-bottom:1px solid var(--rule2);}
.pk-kitt{flex:1 1 22rem;}
.pk-kit h3{font-size:1.75rem;line-height:1.1;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:.45rem 0 .5rem;}
.pk-kit p{font-family:var(--serif);font-size:1.05rem;line-height:1.5;color:var(--ink2);margin:0;max-width:46ch;}
.pk-rel{margin:1.5rem 0 0 calc(var(--lab) + var(--gap));max-width:46rem;font-family:var(--sans);font-size:.9rem;line-height:1.65;color:var(--ink2);}
.pk-rel b{color:var(--ink);font-weight:600;}
.pk-cta{padding:1rem 0 3.5rem;}
.pk-cta .wrap{width:min(1200px,calc(100vw - 32px));}

/* ---------- motion: the red-flag line (all of it lives behind .pk-armed) ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .pk-armed .pk-f{color:var(--ink);}
  .pk-armed .pk-f.pk-fr{display:block;color:var(--red2);clip-path:inset(0 100% 0 0);}
  .pk-armed .pk-sw{display:block;position:absolute;left:0;top:-.6rem;bottom:-.6rem;width:2px;margin-left:-1px;background:var(--red);opacity:.2;pointer-events:none;will-change:transform;}
  .pk-armed .pk-sw::before{content:"";position:absolute;top:0;left:-3px;width:8px;height:8px;background:var(--red);}
  .pk-armed .pk-sw.y{top:0;bottom:auto;left:0;right:0;width:auto;height:2px;margin:-1px 0 0;}
  .pk-armed .pk-sw.y::before{left:auto;right:0;top:-3px;}
}

/* ---------- tablet and phone ---------- */
@media (max-width:1000px){
  .pk{--lab:10.5rem;--gap:1.6rem;}
}
@media (max-width:760px){
  .pk-title,.pk-ixhead{grid-template-columns:1fr;gap:1.2rem;}
  .pk-title{padding:1.8rem 0 1.8rem;}
  .pk-mast .pk-title h1{font-size:clamp(2.5rem,11vw,3.4rem);}
  .pk-col,.pk-five,.pk-ba,.pk-big,.pk-kit,.pk-rel{margin-left:0;}
  .pk-col p{font-size:1.1rem;}
  .pk-col p.pk-first{font-size:1.2rem;}
  .pk-ix{padding-top:3.2rem;}
  .pk-band{grid-template-columns:1fr;gap:1rem;padding:1.6rem 0 1.2rem;}
  .pk-bnote{max-width:none;}
  .pk-es{display:block;}
  .pk-e{display:grid;grid-template-columns:7.6rem minmax(0,1fr);grid-template-areas:"c k" "f d" "f o";column-gap:1rem;padding:.95rem 0;border-left:0;border-top:1px solid var(--rule);}
  .pk-e:first-child{border-top:0;padding-top:.2rem;}
  .pk-c{grid-area:c;font-size:.74rem;}
  .pk-fb{grid-area:f;min-height:0;align-content:start;margin-top:.2rem;}
  .pk-k{grid-area:k;margin-top:0;}
  .pk-d{grid-area:d;font-size:.98rem;}
  .pk-o{grid-area:o;}
  .pk-f{font-size:2.35rem;}
  .pk-e.pk-xl .pk-f{font-size:3.1rem;}
  .pk-e.pk-wd .pk-f{font-size:1.18rem;line-height:1.12;}
  .pk-e.pk-xl.pk-wd .pk-f{font-size:1.5rem;}
  .pk-sec{padding-top:3.4rem;}
  .pk-guide{gap:.4rem 1rem;}
  .pk-gf{gap:.15rem 1rem;font-size:1.05rem;}
  .pk-five li{grid-template-columns:1fr;row-gap:.2rem;}
  .pk-ff{grid-column:1;grid-row:auto;text-align:left;margin-top:.3rem;}
  .pk-fk{font-size:1.35rem;}
  .pk-bar{grid-template-columns:1fr;row-gap:.3rem;}
  .pk-bar>span:last-child{padding-left:1.4rem;}
  .pk-bar>span:last-child::before{left:0;}
  .pk-bar.pk-bah{display:none;}
  .pk-q{grid-template-columns:1fr;}
  .pk-q dt{border-bottom:0;padding-bottom:0;}
  /* QA 2026-10-05: the held line reads the figure column only, so it no longer strikes through KPI names and descriptions */
  .pk-armed .pk-sw.y{right:auto;width:7.6rem;}
}

@media print{
  .pk .reveal{opacity:1 !important;transform:none !important;}
  .pk-skip,.pk-sw,.pk-f.pk-fr{display:none !important;}
  .pk-band,.pk-five li,.pk-bar{break-inside:avoid;}
}

/* ---------- restored images (2026-10-05) ---------- */
/* hypercare exit: a wide plate that breaks left out of the prose column */
.pk-plate{margin:2.6rem 0 1.2rem;}
.pk-plate img{display:block;width:min(860px,100%);height:auto;}
.pk-plate figcaption,.pk-side figcaption{font-family:var(--sans);font-size:.9rem;line-height:1.55;color:var(--mut);max-width:34rem;}
.pk-plate figcaption{margin:.9rem 0 0 calc(var(--lab) + var(--gap));padding-top:.7rem;border-top:1px solid var(--rule);}
/* the steering slide: pushed hard right, its caption in the open column */
.pk-side{margin:2.4rem 0 2.4rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,700px);gap:0 var(--gap);align-items:end;}
.pk-side img{grid-column:2;grid-row:1;display:block;width:100%;height:auto;}
.pk-side figcaption{grid-column:1;grid-row:1;justify-self:end;max-width:17rem;padding-top:.7rem;border-top:1px solid var(--rule);}
.pk-side figcaption .pk-lab{display:block;margin-bottom:.35rem;color:var(--ink);}
@media (max-width:760px){
  .pk-plate figcaption{margin-left:0;}
  .pk-side{grid-template-columns:minmax(0,1fr);gap:.9rem;}
  .pk-side img{grid-column:1;}
  .pk-side figcaption{grid-column:1;grid-row:2;justify-self:start;max-width:none;}
}

/* ---------- Color 2026-10-09: electric blue leads, red keeps its job as
   the red-flag line, navy and green support. Blue carries the research
   figures, the structure of the index and two full-bleed moments. ---------- */
.pk{--blue:#0003cc;--bt:#ececfb;--bd:#0002a8;--grn:#2E7D5B;--gt:#FBF3E0;}
.pk-main{overflow-x:clip;}
.pk ::selection{background:var(--blue);color:#fff;}

/* masthead: a blue rule system */
.pk-folio{border-bottom-color:var(--blue);}
.pk-mast .pk-lab{color:var(--blue);}

/* index: band numbers as big blue serif numerals, the key rule in blue */
.pk-ixhead{border-bottom-color:var(--blue);}
.pk-band:last-child{border-bottom-color:var(--blue);}
.pk-bn{font-family:var(--serif);font-size:2.6rem;font-weight:400;line-height:.9;letter-spacing:-.02em;color:var(--blue);margin-bottom:.35rem;}
.pk-bv:hover{text-decoration-color:var(--blue);}

/* stat row: the live site's blue serif figures on hairline dividers */
.pk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2.4rem 0 2.6rem;max-width:46rem;border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);}
.pk-stats div{padding:1.3rem 1.4rem 1.2rem;border-left:1px solid var(--rule);}
.pk-stats div:first-child{border-left:0;padding-left:0;}
.pk-sn{display:block;font-family:var(--serif);font-size:clamp(2.8rem,5vw,4rem);font-weight:400;line-height:1;letter-spacing:-.03em;color:var(--blue);font-variant-numeric:lining-nums;}
.pk-sl{display:block;margin-top:.55rem;font-family:var(--sans);font-size:.88rem;line-height:1.4;color:var(--ink2);}
.pk-stats figcaption{grid-column:1 / -1;padding:.6rem 0 .7rem;border-top:1px solid var(--rule);font-family:var(--sans);font-size:.8rem;color:var(--mut);}

/* view guide lines: the rule turns blue, the figures stay red flags */
.pk-guide{border-top-color:var(--blue);}
.pk-guide .pk-lab{color:var(--blue);}

/* Prosci ratio bars */
.pk-ratio{margin:1.8rem 0 2rem;max-width:39rem;}
.pk-rr{display:grid;grid-template-columns:11rem minmax(0,1fr) 6.5rem;align-items:center;column-gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--rule);}
.pk-rr:first-child{border-top:1px solid var(--rule2);}
.pk-rk{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--ink);}
.pk-rt{display:flex;flex-direction:column;gap:4px;}
.pk-rt i{display:block;height:.8rem;}
.pk-rp{width:20%;background:var(--rule2);}
.pk-rt .pk-rx{width:calc(100% * var(--x));background:var(--blue);}
.pk-rr:nth-child(2) .pk-rx{width:30%;}
.pk-rv{font-family:var(--serif);font-size:1.45rem;line-height:1;color:var(--blue);text-align:right;white-space:nowrap;}
.pk-ratio figcaption{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;margin-top:.65rem;font-family:var(--sans);font-size:.8rem;color:var(--mut);}
.pk-rkey i{display:inline-block;width:.8rem;height:.55rem;margin-right:.4rem;vertical-align:.02rem;}
.pk-rkey .pk-rp{background:var(--rule2);}
.pk-rkey .pk-rx{background:var(--blue);}
.pk-rsrc{margin-left:auto;}

/* the five on one slide: a tinted band, blue ordinals */
#five{position:relative;isolation:isolate;padding-bottom:3rem;margin-top:3rem;}
#five::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background-color:var(--bt);
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(0,3,204,.06) 31px 32px);}
#five .pk-w>h2{border-top-color:var(--blue);}
.pk-five{counter-reset:f;border-top-color:var(--blue);}
.pk-five li{counter-increment:f;position:relative;border-bottom-color:rgba(0,3,204,.18);}
.pk-five li::before{content:counter(f);position:absolute;left:-3.2rem;top:.85rem;font-family:var(--serif);font-size:2.2rem;line-height:1;color:var(--blue);}

/* before and after go-live: the after column in blue */
.pk-bar.pk-bah>span:last-child{color:var(--blue);}
.pk-bar>span:last-child::before{border-top-color:var(--blue);}
.pk-ba{border-top-color:var(--blue);}

/* APQC close strip */
.pk-close{position:relative;display:block;height:6.2rem;margin:1.4rem .6rem .6rem 0;}
.pk-close>span{position:absolute;left:calc(var(--d) / 12 * 100%);}
.pk-cl-axis{left:0 !important;right:0;top:3.05rem;height:.5rem;background:linear-gradient(90deg,var(--grn) 0 40%,var(--bt) 40% 83.3%,#f3dfda 83.3% 100%);}
.pk-cl-axis span{position:absolute;left:calc(var(--d) / 12 * 100%);top:.8rem;transform:translateX(-50%);font-family:var(--sans);font-size:.75rem;color:var(--mut);white-space:nowrap;}
.pk-cl-axis span:first-child{transform:none;}
.pk-cl-axis span:last-child{transform:translateX(-100%);}
.pk-close b{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:500;line-height:1.05;}
.pk-cl-top,.pk-cl-med,.pk-cl-lag{font-family:var(--sans);font-size:.78rem;line-height:1.25;color:var(--ink2);padding-left:.5rem;border-left:2px solid currentColor;}
.pk-cl-top{top:0;height:3.05rem;transform:translateX(-100%);text-align:right;padding:0 .5rem 0 0;border-left:0;border-right:2px solid var(--grn);}
.pk-cl-top b{color:var(--grn);}
.pk-cl-med{top:3.05rem;padding-top:1.7rem;border-left-color:var(--blue);}
.pk-cl-med b{color:var(--blue);}
.pk-cl-lag{top:0;height:3.05rem;border-left-color:var(--red2);}
.pk-cl-lag b{color:var(--red2);}
.pk-cl-med{height:3.2rem;padding-top:.9rem;}
.pk-close{height:6.6rem;}
.pk-cl-axis span{top:.85rem;}

/* the 48-hour finding on a full-bleed electric blue band */
.pk-flag{position:relative;isolation:isolate;margin-top:3.4rem;padding:3rem 0 3.2rem;}
.pk-flag::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:var(--blue);
  background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:18px 18px;}
.pk-flag .pk-big{margin-top:0;color:#fff;max-width:26ch;}
.pk-flag .pk-big .pk-n{color:#fff;font-family:var(--serif);font-size:1em;font-weight:500;letter-spacing:-.015em;border-bottom:3px solid var(--red);}
.pk-flag ::selection{background:#fff;color:var(--blue);}

/* closing kit rule */
.pk-kit{border-top-color:var(--blue);}
.pk-kit .pk-lab{color:var(--blue);}

@media (max-width:1000px){.pk-five li::before{left:-2.6rem;font-size:1.9rem;}}
@media (max-width:760px){
  .pk-bn{font-size:2rem;}
  .pk-stats{grid-template-columns:1fr;}
  .pk-stats div{display:grid;grid-template-columns:6.4rem minmax(0,1fr);align-items:baseline;column-gap:1rem;padding:.9rem 0;border-left:0;border-top:1px solid var(--rule);}
  .pk-stats div:first-child{border-top:0;}
  .pk-sn{font-size:2.6rem;}
  .pk-sl{margin-top:0;}
  .pk-rr{grid-template-columns:minmax(0,1fr) auto;row-gap:.5rem;}
  .pk-rt{grid-column:1 / -1;grid-row:2;}
  .pk-rsrc{margin-left:0;}
  .pk-five{padding-left:2.4rem;}
  .pk-five li::before{left:-2.4rem;font-size:1.7rem;}
  .pk-close b{font-size:1.1rem;}
  .pk-cl-top,.pk-cl-med,.pk-cl-lag{font-size:.72rem;}
}
@media print{
  #five::before,.pk-flag::before{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .pk-stats,.pk-ratio,.pk-close,.pk-rt i,.pk-cl-axis{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}
.pk-close b{white-space:nowrap;}
@media (max-width:760px){
  .pk-cl-lag{transform:translateX(-100%);text-align:right;padding:0 .5rem 0 0;border-left:0;border-right:2px solid var(--red2);}
}

/* QA 2026-10-10: the five-on-one-slide band read lavender (electric blue mixed into the
   warm paper), and its ruled lines ran through the body text without meeting any
   baseline. The band is now a quiet cool paper with fainter rules; the blue stays on
   the rule, the ordinals and the heads, where it means something. */
#five::before{background-color:#eceef1;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(22,48,79,.035) 31px 32px);}

/* 2026-10-10 (Dave): the regenerated KPI wall chart sits as a plate just before the Command Deck download, the printable one-page version of the 29-KPI index. */
.pk-wall{margin-top:3rem;}
.pk-wall img{width:min(760px,100%);}