/* ai-wont-fix-broken-erp, pilot round 4 (2026-10-04). Linked only from article-ai-wont-fix-broken-erp.html.
   Format: strata descent. The page is a drill core. Five full-bleed strata, each darker than the one above,
   meet at irregular sediment edges. A core sample runs down the page through every layer, wearing that
   layer's lithology pattern, and a sticky core log names the layer you are reading.
   Motion: the core fills down to a red reading line as you scroll (assets/pilot/ai-wont-fix-broken-erp.js). */

.sd-page{--k-ink:#16150f;--k-ink2:#33312a;--k-mut:#6b6660;--k-paper:#f7f5f0;--k-red:#e5322d;--k-gold:#B8862F;
  --gw:min(1180px,calc(100vw - 48px));}
.sd-page ::selection{background:#16304F;color:#f7f5f0;}
.sd a:focus-visible,.sd button:focus-visible{outline:2px solid #e5322d;outline-offset:3px;}
.sd section{padding:0;}
.sd p{margin:0;}

/* ---------- the strata ---------- */
.sd-mine{position:relative;}
.sd-layer{position:relative;--bg:#f7f5f0;--fg:#16150f;--fg2:#33312a;--mu:#6b6660;--rule:rgba(22,21,15,.18);
  background:linear-gradient(var(--bg),var(--bg2,var(--bg)));color:var(--fg2);}
.sd-layer.L1{z-index:1;--bg2:#f1eee6;}
.sd-layer.L2{z-index:2;--bg:#efece4;--bg2:#e6e1d5;--mu:#5c574f;}
.sd-layer.L3{z-index:3;--bg:#ddd5c5;--bg2:#d2c9b6;--mu:#555048;}
.sd-layer.L4{z-index:4;--bg:#2a2823;--bg2:#201f1b;--fg:#f7f5f0;--fg2:rgba(247,245,240,.84);--mu:rgba(247,245,240,.62);--rule:rgba(247,245,240,.22);}
.sd-layer.L5{z-index:5;--bg:#0e1330;--bg2:#0a0e24;--fg:#f7f5f0;--fg2:rgba(247,245,240,.82);--mu:rgba(247,245,240,.6);--rule:rgba(247,245,240,.2);}
.sd-edge{position:absolute;left:0;top:-59px;width:100%;height:60px;display:block;pointer-events:none;}
.sd-edge path{fill:var(--bg);}

.sd-grid{width:var(--gw);margin:0 auto;display:grid;
  grid-template-columns:[log-start] minmax(0,240px) [log-end core-start] 56px [core-end] 72px [text-start] minmax(0,650px) [text-end] minmax(0,1fr);
  grid-template-rows:auto auto;padding:clamp(5rem,9vw,7.5rem) 0 clamp(4.5rem,8vw,6.5rem);}
.L1 .sd-grid{padding-top:clamp(2rem,4vw,3rem);}

/* ---------- the core sample ---------- */
.sd-core{grid-column:core;grid-row:1/3;position:relative;
  margin-top:calc(-1 * clamp(5rem,9vw,7.5rem) - 30px);margin-bottom:calc(-1 * clamp(4.5rem,8vw,6.5rem));z-index:2;}
.sd-core .ghost,.sd-core .fill{position:absolute;inset:0;display:block;}
.sd-core .ghost{border-left:1px solid var(--rule);border-right:1px solid var(--rule);opacity:.9;}
.sd-core .fill{--shade:linear-gradient(90deg,rgba(0,0,0,.2),rgba(255,255,255,.12) 38%,rgba(255,255,255,0) 60%,rgba(0,0,0,.26));
  clip-path:inset(0 0 calc(100% - var(--f,1) * 100%) 0);}
.L1 .sd-core .fill{background:var(--shade),radial-gradient(circle,#968d80 1px,transparent 1.6px) 0 0/9px 9px,#e4ddcf;}
.L2 .sd-core .fill{background:var(--shade),repeating-linear-gradient(180deg,#81776a 0 1px,transparent 1px 4px,#81776a 4px 5px,transparent 5px 15px),#d3c9b5;}
.L3 .sd-core .fill{background:var(--shade),repeating-linear-gradient(45deg,#5a5247 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,#5a5247 0 1px,transparent 1px 9px),#a69b87;}
.L4 .sd-core .fill{background:var(--shade),linear-gradient(#55504a 1px,transparent 1px) 0 0/100% 13px,linear-gradient(90deg,#55504a 1px,transparent 1px) 0 0/19px 26px,#6b6660;}
.L5 .sd-core .fill{background:var(--shade),radial-gradient(circle,#e5322d 1.1px,transparent 1.7px) 4px 6px/17px 23px,radial-gradient(circle,#3c4566 1px,transparent 1.6px) 0 0/6px 6px,#16304F;}
.L1 .sd-core{margin-top:0;grid-row:2/3;}

/* the 10% bracket, spanning the lower half of layer 2 and the upper half of layer 3 */
.sd-brk{position:absolute;display:block;left:calc(100% + 8px);width:9px;border:solid #e5322d;border-width:0 1.5px 0 0;}
.sd-brk.b1{top:55%;bottom:0;border-top-width:1.5px;}
.sd-brk.b2{top:0;bottom:45%;border-bottom-width:1.5px;}
.sd-brk-v{position:absolute;left:calc(100% + 24px);top:-14px;font-family:var(--mono);font-size:.9rem;font-weight:600;color:#e5322d;
  font-variant-numeric:tabular-nums;}
.sd-brk{border-color:#A93A3A;} .sd-brk-v{color:#8f2c2c;}

/* ---------- the core log: names the layer, sticks while you read it ---------- */
.sd-log{grid-column:log;grid-row:2;align-self:start;position:sticky;top:104px;text-align:right;padding:0 22px 0 0;
  display:flex;flex-direction:column;gap:.55rem;}
.sd-log::after{content:"";position:absolute;right:0;top:.85rem;width:16px;height:1px;background:var(--fg);opacity:.55;}
/* QA: the deepest log stays beside its own passage instead of riding down the 90-day plan */
.L5 .sd-log{position:static;}
.sd-log-n{font-family:var(--serif);font-size:1.3rem;font-weight:500;line-height:1.2;color:var(--fg);letter-spacing:-.01em;text-wrap:balance;}
.sd-log-d{font-family:var(--sans);font-size:.84rem;line-height:1.5;color:var(--mu);}
.sd-spec{font-family:var(--sans);font-size:.8rem;line-height:1.75;color:var(--fg2);}
.sd-spec code,.sd-dr code{font-family:var(--mono);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--fg);}
code.mk{text-decoration:underline wavy #e5322d;text-decoration-thickness:1.25px;text-underline-offset:4px;text-decoration-skip-ink:none;}

/* ---------- text ---------- */
.sd-text{grid-column:text;grid-row:2;min-width:0;}
.sd-text > p{font-family:var(--serif);font-size:1.2rem;line-height:1.64;color:var(--fg2);margin:0 0 1.3rem;max-width:64ch;}
.sd-text > p.sd-lead{font-size:1.36rem;line-height:1.52;color:var(--fg);}
.sd-text h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,3.3vw,2.65rem);line-height:1.08;letter-spacing:-.025em;
  color:var(--fg);margin:3.6rem 0 1.3rem;max-width:20ch;}
.sd-text h2:first-child{margin-top:0;}
.sd-note{font-family:var(--sans) !important;font-size:.9rem !important;line-height:1.55 !important;color:var(--mu) !important;
  padding-top:.9rem;border-top:1px solid var(--rule);max-width:56ch !important;}
.sd-turn{font-size:1.55rem !important;line-height:1.36 !important;color:var(--fg) !important;font-weight:500;letter-spacing:-.01em;
  margin:2.2rem 0 1rem !important;padding:1.4rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}

/* hero, on the surface */
.sd-top{grid-column:log-start/text-end;grid-row:1;padding:0 0 3.2rem;display:grid;
  grid-template-columns:subgrid;}
.sd-top > *{grid-column:text;}
.sd-top .back-link{font-family:var(--sans);font-size:.84rem;font-weight:600;color:var(--k-ink);margin:0 0 2.2rem;justify-self:start;}
.sd-series,.sd-blank span,.sd-recap-h{font-family:var(--sans);font-size:.95rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--mu);}
.sd-top h1{grid-column:log-start/text-end;font-family:var(--serif);font-weight:500;font-size:clamp(2.7rem,7vw,5.6rem);line-height:.96;
  letter-spacing:-.04em;color:var(--k-ink);margin:.5rem 0 1.8rem;max-width:12ch;}
.sd-top .dek{font-family:var(--serif);font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.42;color:var(--k-ink);margin:0 0 1.4rem;max-width:40ch;}
.sd-top .article-meta{font-family:var(--sans);font-size:.84rem;color:var(--mu);font-variant-numeric:tabular-nums;}
.sd-top .article-meta b{color:var(--k-ink);font-weight:600;}
.sd-top .sep{margin:0 .6rem;color:#c3bdaf;}

/* the four readiness questions, as a ledger with write-in lines */
.sd-q{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--rule);counter-reset:q;}
.sd-q li{padding:1.5rem 0 1.6rem;border-bottom:1px solid var(--rule);}
.sd-q b{display:block;font-family:var(--serif);font-size:1.45rem;font-weight:500;line-height:1.2;color:var(--fg);margin:0 0 .5rem;}
.sd-q p{font-family:var(--serif);font-size:1.08rem;line-height:1.55;color:var(--fg2);max-width:60ch;}
.sd-blank{display:grid;grid-template-columns:2fr 1fr;gap:1.6rem;margin-top:1.1rem;}
.sd-blank span{display:block;border-bottom:1px solid var(--mu);padding-bottom:1.3rem;opacity:.9;}

/* the 90 days, each period read off a 0 to 90 ruler */
.sd-days{list-style:none;margin:2rem 0 2rem;padding:0;}
.sd-days li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 1.8rem;padding:1.4rem 0;border-top:1px solid var(--rule);}
.sd-days li:last-child{border-bottom:1px solid var(--rule);}
.sd-dr{grid-row:1/3;position:relative;height:2.2rem;margin-top:.45rem;display:flex;justify-content:space-between;align-items:flex-end;
  background:linear-gradient(var(--mu),var(--mu)) 0 .45rem/100% 1px no-repeat;}
.sd-dr::before{content:"";position:absolute;top:calc(.45rem - 3px);height:7px;left:var(--a);width:calc(var(--b) - var(--a));background:#B8862F;}
.sd-days li:nth-child(1) .sd-dr{--a:0%;--b:33.3%;}
.sd-days li:nth-child(2) .sd-dr{--a:33.3%;--b:66.6%;}
.sd-days li:nth-child(3) .sd-dr{--a:66.6%;--b:100%;}
.sd-dr code{font-size:.74rem !important;color:var(--mu) !important;}
.sd-days b{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--fg);}
.sd-days p{font-family:var(--serif);font-size:1.12rem;line-height:1.58;color:var(--fg2);margin-top:.35rem;max-width:58ch;}

/* recap */
.sd-recap{margin:3rem 0 0;padding:1.5rem 0 .4rem;border-top:2px solid var(--fg);}
.sd-recap-h{margin:0 0 1rem !important;color:var(--fg) !important;}
.sd-recap dl{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.9rem 1.2rem;margin:0;}
.sd-recap dt{font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--fg);padding-top:.2rem;}
.sd-recap dd{margin:0;font-family:var(--serif);font-size:1.1rem;line-height:1.55;color:var(--fg2);}

/* ---------- the reading line ---------- */
.sd-bit{display:none;}
.sd-live ~ .sd-bit{display:block;position:fixed;top:62vh;left:var(--bx,-100px);width:calc(56px + 20px);height:0;z-index:20;pointer-events:none;
  opacity:0;transition:opacity .25s;}
.sd-live ~ .sd-bit.on{opacity:1;}
.sd-bit i{position:absolute;left:0;right:0;top:0;height:2px;background:#e5322d;}
.sd-bit i::before{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-right-color:#e5322d;border-left-width:0;}

/* ---------- the depth gauge: a strip of the five strata slides past a fixed index on the
   reading line, and the readout names the layer the reading line is in ---------- */
.sd-gauge{display:none;}
.sd-live ~ .sd-gauge{display:block;position:fixed;z-index:21;pointer-events:none;opacity:0;transition:opacity .25s;
  top:0;right:22px;width:190px;height:100vh;--p:0;--H:150vh;
  -webkit-mask-image:linear-gradient(transparent 22vh,#000 36vh,#000 88vh,transparent 97vh);
  mask-image:linear-gradient(transparent 22vh,#000 36vh,#000 88vh,transparent 97vh);}
.sd-live ~ .sd-gauge.on{opacity:1;}
.sd-g-tape{position:absolute;right:0;top:62vh;width:12px;height:var(--H);display:flex;flex-direction:column;
  transform:translateY(calc(var(--p) * var(--H) * -1));box-shadow:0 0 0 1px rgba(22,21,15,.35);}
.sd-g-tape::before{content:"";position:absolute;right:calc(100% + 3px);top:0;bottom:0;width:7px;
  background:repeating-linear-gradient(180deg,currentColor 0 1px,transparent 1px 12px);opacity:.5;}
.sd-g-tape i{display:block;flex:1 1 0;min-height:0;}
.sd-g-tape .g1{background:#e4ddcf;} .sd-g-tape .g2{background:#c9bea8;} .sd-g-tape .g3{background:#a69b87;}
.sd-g-tape .g4{background:#4a463f;} .sd-g-tape .g5{background:#16304F;}
.sd-g-idx{position:absolute;right:-6px;top:62vh;width:32px;height:2px;margin-top:-1px;background:#e5322d;}
.sd-g-idx::before{content:"";position:absolute;left:-7px;top:-5px;border:6px solid transparent;border-left-color:#e5322d;border-right-width:0;}
.sd-g-read{position:absolute;right:44px;top:62vh;transform:translateY(-50%);text-align:right;display:flex;flex-direction:column;gap:.1rem;
  color:#16150f;}
.sd-g-h{font-family:var(--sans);font-size:.8rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.05em;color:#5c574f;}
.sd-g-v{font-family:var(--serif);font-size:1.05rem;font-weight:500;line-height:1.15;max-width:9.5rem;text-wrap:balance;}
.sd-gauge{color:#16150f;}
.sd-gauge.dk{color:#f7f5f0;}
.sd-gauge.dk .sd-g-read{color:#f7f5f0;} .sd-gauge.dk .sd-g-h{color:rgba(247,245,240,.7);}
.sd-gauge.dk .sd-g-tape{box-shadow:0 0 0 1px rgba(247,245,240,.4);}
@media (max-width:1239px){ .sd-g-read{display:none;} .sd-live ~ .sd-gauge{right:12px;width:40px;} }

/* ---------- back on the surface: sources and CTA ---------- */
.sd-after{background:#f7f5f0;padding:clamp(3rem,6vw,4.5rem) 0 1rem !important;}
.sd-sources{width:var(--gw);margin:0 auto;padding-left:calc(min(240px,30%) + 128px);}
.sd-sources h2{font-family:var(--sans);font-size:.95rem;font-weight:600;color:#16150f;margin:0 0 .9rem;letter-spacing:0;}
.sd-sources p{font-family:var(--sans);font-size:.86rem;line-height:1.6;color:#6b6660;margin:0 0 .7rem;max-width:78ch;}
.sd-sources a{color:#16150f;}
.sd-cta{padding:1.5rem 0 4rem !important;background:#f7f5f0;}

/* ---------- phone and narrow ---------- */
@media (max-width:980px){
  .sd-page{--gw:calc(100vw - 32px);}
  .sd-grid{grid-template-columns:[core-start] 14px [core-end] 18px [log-start text-start] minmax(0,1fr) [log-end text-end];
    grid-template-rows:auto auto auto;}
  .sd-core{grid-row:1/4;}
  .sd-log{grid-column:log;grid-row:2;position:static;text-align:left;padding:0 0 1.4rem;margin:0 0 1.8rem;border-bottom:1px solid var(--rule);}
  .sd-log::after{left:-24px;right:auto;width:14px;}
  .sd-text{grid-row:3;}
  .sd-top{grid-column:text;grid-template-columns:minmax(0,1fr);}
  .sd-top > *,.sd-top h1{grid-column:1;}
  .sd-brk,.sd-brk-v{display:none;}
  .sd-sources{padding-left:32px;}
  .sd-live ~ .sd-bit{width:28px;}
  /* the gauge becomes a bar along the bottom edge: readout on the left, the strata strip on the right */
  .sd-live ~ .sd-gauge{top:auto;bottom:0;left:0;right:0;width:auto;height:40px;-webkit-mask-image:none;mask-image:none;
    background:var(--gbg,#f7f5f0);border-top:1px solid rgba(22,21,15,.2);}
  .sd-gauge.dk{border-top-color:rgba(247,245,240,.25) !important;}
  .sd-g-read{display:flex !important;flex-direction:row;align-items:baseline;gap:.55rem;left:16px;right:auto;top:50%;}
  .sd-g-tape{flex-direction:row;top:16px;right:16px;width:120px;height:8px;transform:none;}
  .sd-g-tape::before{display:none;}
  .sd-g-idx{top:10px;right:auto;left:calc(100% - 136px);width:2px;height:20px;margin:0;
    transform:translateX(calc(var(--p) * 120px));}
  .sd-g-idx::before{display:none;}
}
@media (max-width:560px){
  .sd-top .article-meta{gap:.35rem;} .sd-top .article-meta .sep{margin:0 .25rem;} /* QA: byline on one line */
  .sd-text > p{font-size:1.12rem;}
  .sd-text > p.sd-lead{font-size:1.22rem;}
  .sd-turn{font-size:1.3rem !important;}
  .sd-days li{grid-template-columns:minmax(0,1fr);}
  .sd-dr{grid-row:auto;width:150px;margin:0 0 .7rem;}
  .sd-recap dl{grid-template-columns:minmax(0,1fr);gap:.2rem;}
  .sd-recap dd{margin-bottom:.8rem;}
  .sd-blank{gap:1rem;}
  .sd-edge{height:36px;top:-35px;}
}

/* ---------- motion: only when JS is live and motion is welcome ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .sd-live .sd-core .fill{clip-path:inset(0 0 calc(100% - var(--f,0) * 100%) 0);}
}

@media print{
  .sd-layer{--bg:#fff !important;--bg2:#fff !important;--fg:#16150f !important;--fg2:#33312a !important;--mu:#6b6660 !important;--rule:rgba(22,21,15,.25) !important;}
  .sd-edge,.sd-bit,.sd-gauge{display:none !important;}
  .sd-log{position:static;}
  .sd-core .fill{clip-path:none !important;}
}

/* ---------- restored images (2026-10-05) ---------- */
/* the hero runs edge to edge where the surface breaks, before the first layer down */
.sd-band{margin:0;padding:0 0 calc(60px + 1.6rem);}
.sd-band img{display:block;width:100%;height:auto;}
.sd-band figcaption{width:var(--gw);margin:.9rem auto 0;font-family:var(--sans);font-size:.88rem;line-height:1.5;color:var(--mu);}
@media (min-width:981px){.sd-band figcaption{padding-left:368px;}}
/* the ladder, set like a core log sheet inside the text column. The right margin is the depth
   gauge's lane and the left is the log and the core, so the image keeps to the column. */
.sd-ladder{margin:2.4rem 0 2.6rem;padding-top:.9rem;border-top:1px solid var(--rule);}
.sd-ladder figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;margin:0 0 1rem;}
.sd-ladder figcaption b{font-family:var(--serif);font-size:1.3rem;font-weight:500;line-height:1.2;color:var(--fg);letter-spacing:-.01em;}
.sd-ladder figcaption span{font-family:var(--sans);font-size:.88rem;line-height:1.5;color:var(--mu);}
.sd-ladder img{display:block;width:100%;height:auto;}

/* ---------- Color 2026-10-09: electric blue leads; the clean blue of the demo sits on the surface, the evidence below is read in blue and red ---------- */
.sd-page{--k-bl:#0003cc;--k-blt:#ececfb;--k-bld:#0002a8;--k-rdt:#FDF3F3;}
/* the surface: the demo's clean blue grid, fading into the first sediment */
.sd-layer.L1{background:
  linear-gradient(rgba(0,3,204,.06) 1px,transparent 1px) 0 0/100% 28px,
  linear-gradient(90deg,rgba(0,3,204,.06) 1px,transparent 1px) 0 0/28px 100%,
  linear-gradient(180deg,var(--k-blt) 0%,var(--k-blt) 30%,#f1eee6 100%);
  -webkit-print-color-adjust:exact;print-color-adjust:exact;}
.sd-layer.L1 .sd-band{background:#f1eee6;}
.sd-series{color:var(--k-bld) !important;}
.sd-sources a{color:var(--k-bld);}

/* layer 3: ten in a hundred, as a waffle */
.sd-waf{margin:.6rem 0 2rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;align-items:center;}
.sd-waf-g{display:grid;grid-template-columns:repeat(10,18px);grid-auto-rows:18px;gap:4px;}
.sd-waf-g i{display:block;border:1.5px solid var(--k-bl);background:rgba(236,236,251,.7);}
.sd-waf-g i.x{border-color:var(--k-red);background:var(--k-red);}
.sd-waf-g i,.sd-rep-bar i,.sd-stats{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.sd-waf figcaption{display:flex;flex-direction:column;gap:.9rem;font-family:var(--sans);font-size:.86rem;line-height:1.45;color:var(--fg2);max-width:30ch;}
.sd-waf .k b{display:block;font-family:var(--serif);font-weight:500;font-size:2.4rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums;margin-bottom:.2rem;}
.sd-waf .k-x b{color:#A93A3A;}
.sd-waf .k-o b{color:var(--k-bl);}

/* layer 4: the research, read off a pale blue core card */
.sd-stats{margin:.4rem 0 3.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--k-blt);border-top:4px solid var(--k-bl);}
.sd-stats div{padding:1.4rem 1.5rem 1.4rem;}
.sd-stats div + div{border-left:1px solid rgba(0,3,204,.18);}
.sd-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(3rem,5vw,4.2rem);line-height:1;letter-spacing:-.03em;color:var(--k-bl);font-variant-numeric:lining-nums tabular-nums;}
.sd-stats span{display:block;margin-top:.6rem;font-family:var(--sans);font-size:.86rem;line-height:1.5;color:var(--k-ink2);max-width:30ch;}
.sd-stats em{display:block;margin-top:.5rem;font-family:var(--sans);font-style:normal;font-size:.76rem;font-weight:600;color:var(--k-mut);}
.sd-text .sd-stats + h2{margin-top:0;}

/* layer 5: 400 reports, 90 kept */
.sd-rep{margin:.4rem 0 1.4rem;}
.sd-text .sd-rep p.sd-rep-h{margin:0 0 .7rem;font-family:var(--sans);font-size:.88rem;line-height:1.4;color:var(--fg2);}
.sd-rep-h b{font-family:var(--serif);font-weight:500;font-size:1.9rem;color:#fff;margin-right:.35rem;letter-spacing:-.02em;}
.sd-rep-bar{display:flex;height:22px;gap:3px;}
.sd-rep-bar .k{flex:0 0 22.5%;background:var(--k-blt);}
.sd-rep-bar .d{flex:1 1 auto;background:repeating-linear-gradient(135deg,rgba(229,50,45,.75) 0 2px,transparent 2px 7px);outline:1px solid rgba(229,50,45,.8);outline-offset:-1px;}
.sd-rep-k{display:flex;margin-top:.55rem;font-family:var(--sans);font-size:.84rem;color:var(--fg2);}
.sd-rep-k .k{flex:0 0 calc(22.5% + 3px);}
.sd-rep-k b{color:#fff;font-weight:600;margin-right:.25rem;}
.sd-rep-k .d b{color:#FDF3F3;}

@media (max-width:560px){
  .sd-waf{grid-template-columns:minmax(0,1fr);gap:1rem;}
  .sd-waf-g{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:auto;gap:3px;max-width:240px;}
  .sd-waf-g i{aspect-ratio:1;}
  .sd-stats{grid-template-columns:minmax(0,1fr);}
  .sd-stats div + div{border-left:0;border-top:1px solid rgba(0,3,204,.18);}
  .sd-rep-k{flex-direction:column;gap:.25rem;}
  .sd-layer.L1{background:
    linear-gradient(rgba(0,3,204,.05) 1px,transparent 1px) 0 0/100% 24px,
    linear-gradient(90deg,rgba(0,3,204,.05) 1px,transparent 1px) 0 0/24px 100%,
    linear-gradient(180deg,var(--k-blt) 0%,var(--k-blt) 30%,#f1eee6 100%);}
}

/* ---------- QA 2026-10-10 ---------- */
/* the blue tint read lavender on warm paper (surface wash, research card, kept bar, waffle cells); a cooler, quieter blue */
.sd-page{--k-blt:#eaeff8;}
.sd-waf-g i{background:rgba(234,239,248,.75);}
/* surface grid: quieter behind the opening prose */
.sd-layer.L1{background:
  linear-gradient(rgba(0,3,204,.045) 1px,transparent 1px) 0 0/100% 28px,
  linear-gradient(90deg,rgba(0,3,204,.045) 1px,transparent 1px) 0 0/28px 100%,
  linear-gradient(180deg,var(--k-blt) 0%,var(--k-blt) 30%,#f1eee6 100%);}
@media (max-width:560px){
  .sd-layer.L1{background:
    linear-gradient(rgba(0,3,204,.04) 1px,transparent 1px) 0 0/100% 24px,
    linear-gradient(90deg,rgba(0,3,204,.04) 1px,transparent 1px) 0 0/24px 100%,
    linear-gradient(180deg,var(--k-blt) 0%,var(--k-blt) 30%,#f1eee6 100%);}
}