/* ai-ready-data, pilot round 4 (2026-10-04). Linked only from article-ai-ready-data.html.
   Format: questions an executive asks. The article's sections become seven questions set large in
   Newsreader; each answer sits under its question and each question carries a readiness meter
   built from that answer's own figure. Motion is reader-driven: opening a question runs its meter,
   and ticking what you have fills the tally on question six (assets/pilot/ai-ready-data.js).
   No JS, print and reduced motion: every answer open, every meter finished. */

.qa-page{--ink:#16150f;--ink2:#33312a;--mut:#6b6660;--paper:#f7f5f0;--paper2:#efece4;--nv:#16304F;--rd:#e5322d;--rd2:#A93A3A;--gd:#B8862F;
  --hair:rgba(22,21,15,.16);background:var(--paper);}
.qa-page ::selection{background:#B8862F;color:#16150f;}
.qa a:focus-visible,.qa button:focus-visible,.qa input:focus-visible{outline:2px solid #16304F;outline-offset:4px;border-radius:2px;}
.qa section{padding:0;}
.qa p{margin:0;}
.qa-w{width:min(1160px,calc(100vw - 48px));margin:0 auto;}

/* ---------- opener ---------- */
.qa-open{padding:clamp(1.8rem,4vw,2.8rem) 0 0 !important;}
.qa-open .back-link{display:inline-block;font-family:var(--sans);font-size:.84rem;font-weight:600;color:var(--ink);margin:0 0 2.6rem;}
.qa-mast{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem 4.5rem;align-items:end;
  padding-bottom:2.4rem;border-bottom:1px solid var(--ink);}
.qa-mast h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,5.8vw,4.9rem);line-height:.98;letter-spacing:-.035em;
  color:var(--ink);margin:0;max-width:13ch;}
.qa-mast .dek{font-family:var(--serif);font-size:clamp(1.15rem,1.6vw,1.32rem);line-height:1.46;color:var(--ink);margin:0 0 1.3rem;}
.qa-mast .article-meta{font-family:var(--sans);font-size:.84rem;color:var(--mut);font-variant-numeric:tabular-nums;}
.qa-mast .article-meta b{color:var(--ink);font-weight:600;}
.qa-mast .sep{margin:0 .55rem;color:#b9b2a4;}
.qa-lead{columns:2;column-gap:3.5rem;padding:2.2rem 0 2.6rem;}
.qa-lead p{font-family:var(--serif);font-size:1.16rem;line-height:1.62;color:var(--ink2);margin:0 0 1.1rem;break-inside:avoid-column;}
.qa-cover{margin:0;}
.qa-cover img{display:block;width:100%;height:auto;aspect-ratio:1600/893;object-fit:cover;}

/* ---------- the seven questions, as an index ---------- */
.qa-index-s{padding:clamp(3rem,6vw,4.5rem) 0 clamp(2.5rem,5vw,3.5rem) !important;}
.qa-index-top{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin:0 0 1.4rem;}
.qa-idx-h{font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0;max-width:30ch;}
.qa-all{font:600 .88rem var(--sans);color:var(--nv);background:none;border:0;padding:.2rem 0;cursor:pointer;
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;}
.qa-all:hover{color:var(--ink);}
.qa-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.5rem;
  border-top:1px solid var(--hair);}
.qa-index li{border-bottom:1px solid var(--hair);}
.qa-index a{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.95rem 0;color:var(--ink);text-decoration:none;}
.qi-t{font-family:var(--serif);font-size:1.14rem;line-height:1.3;}
.qa-index a:hover .qi-t{text-decoration:underline;text-decoration-color:var(--rd);text-underline-offset:4px;}
.qi-m{display:flex;gap:3px;flex:none;}
.qi-m i{display:block;width:7px;height:14px;box-shadow:inset 0 0 0 1px rgba(22,21,15,.3);position:relative;}
.qi-m i::after{content:"";position:absolute;inset:0;background:var(--nv);}

/* ---------- a question and its answer ---------- */
.qx{border-top:2px solid var(--ink);}
.qx-g{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:clamp(2.5rem,5vw,5rem);
  grid-template-rows:auto 1fr;padding:clamp(2.2rem,4vw,3rem) 0 clamp(2.6rem,5vw,3.8rem);}
.qx-q{grid-column:1;grid-row:1;margin:0;font-size:inherit;}
.qx-q button{all:unset;box-sizing:border-box;display:flex;align-items:flex-start;gap:1.1rem;width:100%;cursor:default;
  font-family:var(--serif);font-weight:400;font-size:clamp(1.85rem,3.5vw,2.85rem);line-height:1.08;letter-spacing:-.025em;color:var(--ink);}
.qx-t{flex:1 1 auto;text-wrap:balance;max-width:24ch;}
.qx-ic{display:none;}
.qx-a{grid-column:1;grid-row:2;max-width:66ch;padding-top:1.6rem;}
.qa-live .qx-a{margin-left:calc(30px + 1.1rem);}
.qx-a > p{font-family:var(--serif);font-size:1.17rem;line-height:1.65;color:var(--ink2);margin:0 0 1.15rem;}
.qx-a > p.qx-short{font-size:1.42rem;line-height:1.36;color:var(--ink);font-weight:500;letter-spacing:-.01em;margin-bottom:1.3rem;}
.qx-fig{margin:1.8rem 0 1.9rem;display:grid;grid-template-columns:280px minmax(0,1fr);gap:1.2rem;align-items:end;}
.qx-fig img{display:block;width:280px;height:280px;object-fit:cover;} /* QA: was 180px, too small to read the words in the image */
.qx-fig figcaption{font-family:var(--serif);font-size:1.05rem;line-height:1.4;color:var(--mut);padding-bottom:.3rem;border-bottom:1px solid var(--hair);}

/* the McKinsey drop-off chart: inset beside the research paragraph, overhanging into the empty gutter on wide screens */
.qx-a::after{content:"";display:block;clear:both;}
.qx-inset{margin:1.6rem 0 1.8rem;max-width:640px;}
.qx-inset img{display:block;width:100%;height:auto;}
.qx-inset figcaption{font-family:var(--serif);font-size:1rem;line-height:1.4;color:var(--mut);margin-top:.6rem;padding-bottom:.3rem;border-bottom:1px solid var(--hair);}
@media (min-width:1100px){ .qx-inset{float:right;width:min(450px,75%);margin:.35rem 0 1.2rem 1.8rem;} }
@media (min-width:1240px){ .qx-inset{margin-right:-160px;} }

/* ---------- the meters ---------- */
.qm{grid-column:2;grid-row:1/3;align-self:start;position:sticky;top:96px;display:flex;flex-direction:column;gap:.7rem;
  padding-top:.55rem;font-family:var(--sans);}
.qm-row{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:3px;}
.qm-months .qm-row{grid-template-columns:repeat(18,minmax(0,1fr));}
.qm-row i{display:block;height:26px;position:relative;box-shadow:inset 0 0 0 1px rgba(22,21,15,.26);}
.qm-row i::after{content:"";position:absolute;inset:0;background:var(--nv);transform-origin:50% 100%;opacity:0;}
.qm-cells[data-n="3"] .qm-row i:nth-child(-n+3)::after,
.qm-cells[data-n="15"] .qm-row i:nth-child(-n+15)::after,
.qm-cells[data-n="18"] .qm-row i:nth-child(-n+18)::after{opacity:1;}
.qm-open .qm-row i::after{background:var(--rd);}
.qm-open .qm-row i:nth-child(n+16){background:repeating-linear-gradient(135deg,rgba(22,21,15,.22) 0 1px,transparent 1px 5px);}
.qm-read{font-family:var(--serif);font-size:1.02rem;line-height:1.35;color:var(--ink);}
.qm-read b{display:block;font-weight:500;font-size:2.1rem;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;}
.qm-read-s b{font-size:1.5rem;}
.qm-src{font-size:.8rem;line-height:1.45;color:var(--mut);}

/* clean-core steps */
.qm-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;}
.qm-st i{display:flex;align-items:center;justify-content:center;height:46px;font:500 1.3rem var(--serif);font-style:normal;color:#f7f5f0;}
.qm-st .s-a{background:#16304F;} .qm-st .s-b{background:#3d5573;} .qm-st .s-c{background:#8a4a48;} .qm-st .s-d{background:#A93A3A;}
.qm-ends{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;line-height:1.35;color:var(--ink);}
.qm-ends span:last-child{text-align:right;color:var(--rd2);font-weight:600;}

/* migration paths */
.qm-pt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;padding-top:18px;}
.qm-pt::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--ink);}
.qm-pt i{font-style:normal;font-size:.84rem;font-weight:600;color:var(--ink);position:relative;}
.qm-pt i::before{content:"";position:absolute;left:0;top:-16px;width:9px;height:9px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);}
.qm-br{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.qm-br span{font-size:.8rem;line-height:1.35;color:var(--ink2);padding-top:.45rem;border-top:3px solid;transform-origin:0 50%;}
.qm-br .br1{border-color:var(--rd);} .qm-br .br2{border-color:var(--gd);}
.qm-cl{font-size:.84rem;line-height:1.4;color:var(--ink2);padding-top:.55rem;border-top:4px solid var(--nv);margin-top:.3rem;transform-origin:0 50%;}
.qm-cl b{color:var(--ink);}

/* up to four times */
.qm-x{display:grid;grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:.7rem;}
.x-l{font-size:.82rem;color:var(--ink2);}
.x-b{position:relative;height:16px;display:flex;align-items:center;}
.x-b i{display:block;height:16px;width:100%;background:var(--nv);transform-origin:0 50%;transform:scaleX(var(--k));}
.x-b em{position:absolute;right:0;bottom:calc(100% + 4px);font:600 .82rem var(--sans);font-style:normal;color:var(--nv);}

/* the reader's own tally */
.qm-row7{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;}
.qm-row7 i{height:34px;}
.qm-row7 i::after{background:var(--gd);transform:scaleY(0);opacity:1;transition:transform .35s cubic-bezier(.2,.7,.1,1);}
.qm-row7 i.on::after{transform:none;}

.qx-check{margin:2rem 0 .5rem;padding:0;border:0;border-top:1px solid var(--ink);}
.qx-check legend{font-family:var(--serif);font-size:1.25rem;font-weight:500;color:var(--ink);padding:1.1rem 0 .6rem;}
.qx-check label{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.9rem;align-items:start;padding:.75rem 0;border-bottom:1px solid var(--hair);
  font-family:var(--serif);font-size:1.1rem;line-height:1.45;color:var(--ink2);cursor:pointer;}
.qx-check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:.2rem 0 0;border:1.5px solid var(--ink);background:var(--paper);
  display:grid;place-content:center;cursor:pointer;}
.qx-check input::before{content:"";width:10px;height:6px;border:solid var(--ink);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px);opacity:0;}
.qx-check input:checked{background:var(--gd);border-color:var(--gd);}
.qx-check input:checked::before{opacity:1;}
.qx-check label:has(input:checked) span{color:var(--ink);}

/* ---------- sources and CTA ---------- */
.qa-src{border-top:2px solid var(--ink);padding:2.6rem 0 1rem !important;}
.qa-src h2{font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--ink);margin:0 0 .8rem;letter-spacing:0;}
.qa-src p{font-family:var(--sans);font-size:.86rem;line-height:1.62;color:var(--mut);max-width:96ch;}
.qa-cta{padding:2.5rem 0 4rem !important;}

/* ---------- live: questions open and close, meters respond ---------- */
.qa-live .qx-q button{cursor:pointer;}
.qa-live .qx-q button:hover .qx-t{text-decoration:underline;text-decoration-color:var(--rd);text-decoration-thickness:2px;text-underline-offset:.16em;}
.qa-live .qx-ic{display:block;flex:none;order:-1;position:relative;width:30px;height:30px;margin-top:.22em;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink);}
.qa-live .qx-ic::before,.qa-live .qx-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--ink);
  transition:transform .3s cubic-bezier(.2,.7,.1,1);}
.qa-live .qx-ic::after{transform:rotate(90deg);}
.qa-live .qx.is-open .qx-ic::after{transform:rotate(0deg);}
@media screen{
.qa-live .qx:not(.is-open) .qx-g{grid-template-rows:auto;padding-bottom:clamp(2.2rem,4vw,3rem);}
/* QA: a closed question shows no meter; its half-drawn strip read as an empty chart */
.qa-live .qx:not(.is-open) .qm{display:none;}
}
@media screen{ .qa-live .qa-index li:not(.seen) .qi-m i::after{opacity:0;} }
.qa-index li.seen .qi-m i::after{opacity:1;transition:opacity .3s;}
.qa-index li.seen .qi-m i:nth-child(2)::after{transition-delay:.06s;} .qa-index li.seen .qi-m i:nth-child(3)::after{transition-delay:.12s;}
.qa-index li.seen .qi-m i:nth-child(4)::after{transition-delay:.18s;} .qa-index li.seen .qi-m i:nth-child(5)::after{transition-delay:.24s;}

@media screen and (prefers-reduced-motion:no-preference){
  .qa-live .qx-a{animation:qa-in .45s cubic-bezier(.2,.7,.1,1) both;}
  @keyframes qa-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
  /* meters sit empty until their question runs, then fill in order */
  .qa-live .qx:not(.run) .qm-cells .qm-row i::after{opacity:0 !important;transform:scaleY(.2);}
  .qa-live .qm-cells .qm-row i::after{transition:opacity .22s ease,transform .32s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i,0) * 55ms);}
  .qa-live .qx:not(.run) .qm-read,.qa-live .qx:not(.run) .qm-ends,.qa-live .qx:not(.run) .qm-cl{opacity:0;}
  .qa-live .qm-read,.qa-live .qm-ends{transition:opacity .4s ease var(--rd-d,.9s);}
  .qa-live .qx:not(.run) .qm-st i{clip-path:inset(0 100% 0 0);}
  .qa-live .qm-st i{clip-path:inset(0 0 0 0);transition:clip-path .45s cubic-bezier(.2,.7,.1,1);}
  .qa-live .qm-st i:nth-child(2){transition-delay:.35s;} .qa-live .qm-st i:nth-child(3){transition-delay:.7s;} .qa-live .qm-st i:nth-child(4){transition-delay:1.05s;}
  .qa-live .qx:not(.run) .qm-br span,.qa-live .qx:not(.run) .qm-cl{transform:scaleX(0);}
  .qa-live .qm-br span{transition:transform .55s cubic-bezier(.2,.7,.1,1) .1s;}
  .qa-live .qm-br .br2{transition-delay:.55s;}
  .qa-live .qm-cl{transition:transform .8s cubic-bezier(.2,.7,.1,1) 1.05s,opacity .3s ease 1.05s;}
  .qa-live .qx:not(.run) .x-b i{transform:scaleX(0);}
  .qa-live .x-b i{transition:transform .9s cubic-bezier(.2,.7,.1,1) .05s;}
  .qa-live .qm-x + .qm-x .x-b i{transition-duration:1.6s;transition-delay:.5s;}
  .qa-live .qx:not(.run) .x-b em{opacity:0;}
  .qa-live .x-b em{transition:opacity .3s ease 1.9s;}
}

/* ---------- narrow ---------- */
@media (max-width:900px){
  .qa-w{width:calc(100vw - 32px);}
  .qa-mast{grid-template-columns:minmax(0,1fr);gap:1.6rem;}
  .qa-lead{columns:1;}
  .qa-index{grid-template-columns:minmax(0,1fr);}
  .qx-g{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;}
  .qx-q{grid-row:1;} .qm{grid-column:1;grid-row:2;position:static;margin-top:1.4rem;max-width:420px;}
  .qx-a{grid-row:3;}
}
@media screen and (max-width:900px){ .qa-live .qx:not(.is-open) .qm{display:none;} }
@media (max-width:560px){
  .qa-mast .article-meta{gap:.35rem;} .qa-mast .sep{margin:0 .25rem;} /* QA: byline fits one line, no dangling slash */
  .qx-q button{font-size:1.7rem;}
  .qa-live .qx-a{margin-left:0;}
  .qx-a > p{font-size:1.1rem;}
  .qx-a > p.qx-short{font-size:1.28rem;}
  .qx-fig{grid-template-columns:minmax(0,1fr);gap:.7rem;}
  .qx-fig img{width:100%;max-width:340px;height:auto;aspect-ratio:1;}
  .qm-row i{height:22px;}
}

@media print{
  .qx-a[hidden]{display:block !important;}
  .qm{position:static !important;opacity:1 !important;}
  .qx-ic,.qa-all{display:none !important;}
  .qa-index .qi-m i::after{opacity:1 !important;}
}
.qm-steps{--rd-d:1.45s;}

/* 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: navy leads with electric blue; each meter reads in its own meaning (brown, blue and green fields, clean-core A to D) ---------- */
.qa-page{--bl:#0003cc;--blt:#ececfb;--bld:#0002a8;--gr:#2E7D5B;--grd:#1F5E42;--gdd:#8A6413;--rdt:#FDF3F3;}
.qa-mast{border-bottom:3px solid var(--nv);}
.qa-mast h1{color:var(--nv);}

/* the index: a full-bleed navy band with a fine grid, the seven questions in paper */
.qa-index-s{background:
  linear-gradient(rgba(236,236,251,.07) 1px,transparent 1px) 0 0/100% 24px,
  linear-gradient(90deg,rgba(236,236,251,.07) 1px,transparent 1px) 0 0/24px 100%,
  var(--nv);margin-top:clamp(2.6rem,5vw,3.6rem);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.qa-idx-h{color:#fff;}
.qa-all{color:var(--blt);}
.qa-all:hover{color:#fff;}
.qa-index{border-top-color:rgba(236,236,251,.28);}
.qa-index li{border-bottom-color:rgba(236,236,251,.18);}
.qa-index a{color:var(--paper);}
.qa-index a:hover .qi-t{text-decoration-color:var(--blt);}
.qi-m i{box-shadow:none;outline:1px solid rgba(236,236,251,.4);outline-offset:-1px;}
.qi-m i::after{background:var(--blt);}
.qa-index a:focus-visible{outline-color:var(--blt);}

/* questions: navy rules, the short answer in navy */
.qx{border-top-color:var(--nv);}
.qx-a > p.qx-short{color:var(--nv);}

/* meters: blue cells on a blue-tint ground, red where projects fail, big colored readouts */
.qm-row i{box-shadow:none;outline:1px solid rgba(0,3,204,.22);outline-offset:-1px;background:var(--blt);}
.qm-row i::after{background:var(--bl);}
.qm-open .qm-row i::after{background:var(--rd);}
.qm-open .qm-row i:nth-child(n+16){background:repeating-linear-gradient(135deg,rgba(0,3,204,.25) 0 1px,var(--blt) 1px 5px);}
.qm-read b{font-size:2.8rem;font-weight:400;color:var(--bl);letter-spacing:-.03em;}
.qm-open .qm-read b{color:var(--rd2);}
.qm-read-s b{font-size:2rem;}
.qm-row i,.qm-row i::after,.qm-st i,.qm-br span,.qm-cl,.x-b i,.qx-check{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
/* clean core, A to D: green to red */
.qm-st .s-a{background:var(--gr);} .qm-st .s-b{background:var(--nv);} .qm-st .s-c{background:var(--gd);color:var(--ink);} .qm-st .s-d{background:var(--rd2);}
.qm-ends span:first-child{color:var(--grd);font-weight:600;}
/* three fields: brown, blue, green */
.qm-pt i:nth-child(1){color:var(--gdd);} .qm-pt i:nth-child(2){color:var(--bld);} .qm-pt i:nth-child(3){color:var(--grd);}
.qm-pt i:nth-child(1)::before{background:var(--gdd);box-shadow:none;}
.qm-pt i:nth-child(2)::before{background:var(--bl);box-shadow:none;}
.qm-pt i:nth-child(3)::before{background:var(--gr);box-shadow:none;}
.qm-br .br1{border-color:var(--gdd);} .qm-br .br2{border-color:var(--bl);}
.qm-cl{border-top-color:var(--nv);}
/* up to four times */
.x-b i{background:var(--bl);}
.qm-x:first-child .x-b i{background:#a39d92;}
.x-b em{color:var(--bl);font-size:.9rem;}

/* question six: the checklist as a blue panel under a navy header bar, the tally in blue */
.qx-check{background:var(--blt);border-top:0;padding:0 1.3rem .4rem;margin-top:2.2rem;}
.qx-check legend{float:left;width:calc(100% + 2.6rem);margin:0 -1.3rem .4rem;padding:.85rem 1.3rem;background:var(--nv);color:#fff;font-size:1.15rem;}
.qx-check legend + label{clear:both;}
.qx-check label{border-bottom-color:rgba(0,3,204,.14);}
.qx-check label:last-child{border-bottom:0;}
.qx-check input{background:#fff;border-color:var(--nv);}
.qx-check input:checked{background:var(--bl);border-color:var(--bl);}
.qx-check input::before{border-color:#fff;}
.qm-row7 i::after{background:var(--bl);}
.qm-n{color:var(--bl);}

@media (max-width:640px){
  .qm-read b{font-size:2.3rem;}
  .qx-check{padding:0 1rem .3rem;}
  .qx-check legend{width:calc(100% + 2rem);margin:0 -1rem .4rem;padding:.8rem 1rem;}
}

/* ---------- QA 2026-10-10 ---------- */
/* the blue tint read lavender on warm paper (meter grounds, checklist panel); a cooler, quieter blue */
.qa-page{--blt:#eaeff8;}
/* clean core A to D: "AI can't turn on" broke to leave "on" alone under it */
.qm-ends span:last-child{flex:none;white-space:nowrap;}
/* up to 4x: the label floated in the gap between the two bars, closer to "Poor results"; it now sits inside the bar it measures */
.x-b em{right:.45rem;bottom:auto;top:50%;transform:translateY(-50%);line-height:1;font-size:.78rem;color:#fff;}