/* Section 11, part B — native figures (55–59) and table companions (24–26).
   Scoped to .s11b-* (and classes s11-b.js adds to Tables 24–26). Kit tokens only. */
.s11b-fig,.s11b-companion{
 --s11b-fp8:#dbe9e8;--s11b-fp8-line:var(--teal);
 --s11b-bf16:#f3e8da;--s11b-bf16-line:#a2865f;
 --s11b-fp32:var(--ink-deep);--s11b-fp32-line:var(--ink-deep);
 --s11b-q:#fde4ef;--s11b-q-line:var(--pink-deep);
 --s11b-dq:#ece5f3;--s11b-dq-line:#7a5c99;
 --s11b-gbf:#f6ead2;--s11b-gbf-line:#b08a4a;
 /* Figure 56 runs: BF16 is the reference (grey, dashed), rceil teal, OCP floor ochre */
 --s11b-bf16-run:#77828a;--s11b-rceil-run:var(--teal);--s11b-floor-run:#8a6a3a;
 container:s11b/inline-size;position:relative;margin:0;color:var(--ink);font-size:14.5px;line-height:1.5}
.report-content .s11b-fig p,.report-content .s11b-companion p{margin:0}
.report-content .s11b-fig :is(ul,ol,dl),.report-content .s11b-companion :is(ul,ol,dl){margin:0;padding:0;list-style:none}
.report-content .s11b-fig li,.report-content .s11b-companion li{margin:0;padding:0}
.report-content .s11b-fig li::marker,.report-content .s11b-companion li::marker{content:none}
.s11b-fig svg,.s11b-companion svg{display:block;overflow:visible;font-family:var(--font)}

/* Head and controls */
.s11b-fig-head{margin:2px 0 16px}
.report-content .s11b-fig .s11b-fig-title{margin:0;font-size:clamp(21px,2.1vw,27px);font-weight:400;line-height:1.2;letter-spacing:-.022em;color:var(--ink-deep);text-wrap:balance}
.s11b-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 14px}
/* Shared autoplay pill (autoplay.js; Figures 55 and 58): last item of the controls row, pushed right. While suspended (off screen, hidden tab) the flow freezes. */
.s11b-controls>.ap-slot{margin-left:auto}
.s11b-fig[data-autoplay="suspended"] .s11b-e-flow{animation-play-state:paused!important}
.s11b-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0}
.s11b-control-label{font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.s11b-control-label i{font-size:13px;letter-spacing:0;text-transform:none}
.s11b-dim{font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--muted)}
.s11b-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:20px;background:var(--cream-lo);border:1px solid var(--line)}
.s11b-seg button{display:inline-flex;align-items:center;gap:.3em;min-height:34px;padding:0 13px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .2s var(--ease),color .2s,box-shadow .2s}
.s11b-seg button small{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep)}
.s11b-seg button:hover{color:var(--ink)}
.s11b-seg button[aria-pressed="true"]{background:var(--cream-hi);color:var(--ink-deep);box-shadow:inset 0 0 0 1.5px var(--ink-deep),0 1px 3px rgba(10,43,53,.16)}
.s11b-switch{display:inline-flex;align-items:center;gap:10px;position:relative;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;min-height:34px}
.s11b-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.s11b-switch-ui{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:var(--sand);transition:background-color .2s var(--ease)}
.s11b-switch-ui::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--cream-hi);box-shadow:0 1px 2px rgba(10,43,53,.25);transition:transform .2s var(--ease)}
.s11b-switch input:checked+.s11b-switch-ui{background:var(--teal)}
.s11b-switch input:checked+.s11b-switch-ui::after{transform:translateX(16px)}
.s11b-switch input:focus-visible+.s11b-switch-ui{outline:2.5px solid var(--pink);outline-offset:3px}
.s11b-surface{position:relative;min-width:0;background:var(--cream-hi);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.report-content :is(.s11b-fig,.s11b-companion) .s11b-fig-note{margin:12px 0 0;max-width:860px;font-size:12.5px;line-height:1.58;color:var(--muted)}
.report-content .s11b-fig .s11b-fig-note a[data-reference-type]{font-weight:700}
.s11b-swipe{display:none;justify-content:space-between;gap:12px;padding:6px 16px 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.s11b-swipe span:last-child{color:var(--teal-deep)}
.s11b-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;outline:none}
.s11b-scroll:focus-visible{outline:2.5px solid var(--pink);outline-offset:-2px;border-radius:var(--radius)}

/* SVG text */
.s11b-t{font-size:15px;fill:var(--ink)}
.s11b-t--tn{font-size:15px;font-weight:700;fill:var(--ink-deep)}
.s11b-t--tn-s{font-size:13px}/* Figure 57 weight names (tensorRx sizes their ellipses for 13 px) */
.s11b-t--dt{font-size:12.5px;fill:var(--ink-soft);font-variant-numeric:tabular-nums}
.s11b-t--op{font-size:14.5px;font-weight:700;fill:var(--ink-deep);dominant-baseline:central}
.s11b-t--box{font-size:14px;fill:var(--ink-deep)}
.s11b-t--sub{font-size:13px;fill:var(--ink-soft)}
.s11b-t--port{font-size:12px;fill:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.s11b-t--note{font-size:13px;fill:var(--muted)}
.s11b-t--lane{font-size:13.5px;font-weight:700;letter-spacing:.04em;fill:var(--ink-deep)}
.s11b-t--stamp{font-size:12px;font-weight:700;fill:var(--teal-deep)}
.s11b-t--mb{font-size:12px;font-weight:700;fill:var(--pink-deep)}
.s11b-t--warn{font-size:13px;font-weight:700;fill:var(--pink-deep)}
.s11b-t--strike{text-decoration:line-through}
.s11b-t--tick{font-size:12px;fill:var(--muted);font-variant-numeric:tabular-nums}
.s11b-t--strong{fill:var(--ink);font-weight:700}
.s11b-t--axis{font-size:12.5px;fill:var(--muted)}
.s11b-t--zoom{font-size:12px;font-weight:700;fill:var(--teal-deep)}
.s11b-t--curlabel{font-size:12px;font-weight:700;fill:var(--ink-deep)}
.s11b-t--rowlab{font-size:13.5px;font-weight:700;fill:var(--ink-deep)}
.s11b-t--fam{font-weight:400}
.s11b-t--seg{font-size:12px;font-weight:700;fill:#fff;pointer-events:none}
.s11b-t--total{font-size:13.5px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11b-t--totalsub{font-size:12px;fill:var(--muted);font-variant-numeric:tabular-nums}
.s11b-t--dval{font-size:12px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11b-t--gval{font-size:14px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11b-t--gsub{font-size:12px;fill:var(--muted);font-variant-numeric:tabular-nums}
.s11b-t--mk{font-size:12px;font-weight:700;fill:var(--ink-deep);paint-order:stroke;stroke:var(--cream-hi);stroke-width:4px;stroke-linejoin:round}
.s11b-t--life{font-size:11.5px;font-weight:700;fill:var(--ink-deep)}
.s11b-t.is-faded{opacity:.35}
.s11b-grid{stroke:var(--line);stroke-width:1}
.s11b-grid--v{stroke-dasharray:2 4}
.s11b-grid.is-zero{stroke:var(--line-strong);stroke-dasharray:none}
.s11b-axis,.s11b-tickmark{stroke:var(--line-strong);stroke-width:1}
.s11b-hit{fill:transparent;cursor:crosshair}
.s11b-divider{stroke:var(--ink-deep);stroke-width:1.6;stroke-dasharray:9 6}

/* ---------- Diagram nodes and edges (Figures 55, 57, 58) ---------- */
.s11b-n{outline:none;cursor:default;transition:opacity .28s var(--ease)}
.s11b-n :is(circle,ellipse,rect){fill:#fffdf9;stroke:rgba(28,43,51,.55);stroke-width:1.5;transition:fill .28s var(--ease),stroke .28s,stroke-width .2s}
.s11b-n.is-dashed :is(circle,ellipse,rect){stroke-dasharray:5 4}
.s11b-n--op.s11b-n--q rect,.s11b-n--op.s11b-n--qs rect{fill:var(--s11b-q);stroke:var(--s11b-q-line)}
.s11b-n--op.s11b-n--dq rect{fill:var(--s11b-dq);stroke:var(--s11b-dq-line)}
.s11b-n--op.s11b-n--t rect{fill:var(--cream-lo);stroke:var(--line-strong)}
.s11b-n--gemm.s11b-n--mx8 rect{fill:var(--s11b-fp8);stroke:var(--teal)}
.s11b-n--gemm.s11b-n--bf16 rect{fill:var(--s11b-gbf);stroke:var(--s11b-gbf-line)}
.s11b-n--comm rect{fill:#eef0ef;stroke:var(--line-strong)}
.s11b-n--comm .s11b-t--box{font-size:15px}
.s11b-n--gemm .s11b-t--box{font-size:13.5px}
.s11b-n--box rect{fill:#f4f2ee;stroke:var(--line-strong)}
.s11b-n--model rect{fill:#e9efe4;stroke:#6f8f6a}
.s11b-n--model .s11b-t--box{font-size:13px}
/* tensors carry their precision: teal = MXFP8, sand = BF16, ink = FP32 */
.s11b-dt--fp8R :is(circle,ellipse),.s11b-dt--fp8RB :is(circle,ellipse){fill:var(--s11b-fp8);stroke:var(--s11b-fp8-line)}
.s11b-dt--bf16 :is(circle,ellipse){fill:var(--s11b-bf16);stroke:var(--s11b-bf16-line)}
.s11b-dt--fp32 :is(circle,ellipse){fill:var(--s11b-fp32);stroke:var(--s11b-fp32-line)}
.s11b-dt--fp32 .s11b-t{fill:#fff}
.s11b-dt--fp32 .s11b-t--dt{fill:#cfe0df}
.s11b-n.is-focus :is(circle,ellipse,rect){stroke:var(--pink);stroke-width:3;stroke-dasharray:none}
.s11b-n:focus-visible :is(circle,ellipse,rect){stroke:var(--pink);stroke-width:3.4;stroke-dasharray:none}
.s11b-e{transition:opacity .28s var(--ease)}
.s11b-e-line{fill:none;stroke:var(--ink-soft);stroke-width:1.6;stroke-linejoin:round;transition:stroke .28s,stroke-width .28s}
.s11b-e-head{fill:var(--ink-soft);transition:fill .28s}
.s11b-e.is-dashed .s11b-e-line{stroke-dasharray:6 5}
.s11b-e-cut{stroke:var(--ink);stroke-width:1.6}
.s11b-e-flow{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 15;opacity:0}
@keyframes s11b-flow{to{stroke-dashoffset:-16}}

/* Figure 55: active path for the selected moment of the step */
.s11b-cache .s11b-n:not(.is-on){opacity:.5}
.s11b-cache .s11b-e:not(.is-on){opacity:.32}
.s11b-cache .s11b-e.is-on .s11b-e-line{stroke:var(--teal-deep);stroke-width:2.4}
.s11b-cache .s11b-e.is-on .s11b-e-head{fill:var(--teal-deep)}
.s11b-cache.is-live .s11b-e.is-on .s11b-e-flow,.s11b-save.is-live .s11b-e.is-on .s11b-e-flow{opacity:.95;animation:s11b-flow 1.1s linear infinite}
.s11b-cache .s11b-n.is-main circle{stroke-width:2.6}
.s11b-cache .s11b-n.is-transient:not(.is-on){opacity:.18}
.s11b-note-k{opacity:.55;transition:opacity .25s}
.s11b-note-k.is-on{opacity:1}
.s11b-note-k.is-on .s11b-t{fill:var(--teal-deep);font-weight:700}
.s11b-stamp rect{fill:var(--cream-hi);stroke:var(--teal-line);stroke-width:1.2;transition:fill .25s,stroke .25s}
.s11b-stamp.is-new rect{fill:var(--teal);stroke:var(--teal)}
.s11b-stamp.is-new .s11b-t{fill:#fff}
.s11b-stamp.is-old rect{fill:var(--cream-lo);stroke:var(--line-strong);stroke-dasharray:3 3}
.s11b-stamp.is-old .s11b-t{fill:var(--muted)}
.s11b-stamp.is-stale rect{fill:var(--pink-deep);stroke:var(--pink-deep)}
.s11b-stamp.is-stale .s11b-t{fill:#fff}
.s11b-mb{opacity:.45;transition:opacity .25s}
.s11b-mb.is-on{opacity:1}
.s11b-mb:not(.is-on) .s11b-t{fill:var(--muted);font-weight:400}
.s11b-cache-stage{padding:16px 18px 18px}
/* never smaller than 94% of the drawing (labels stay at 11 px or more); wider
   than the column, the surface scrolls sideways and shows the swipe cue */
.s11b-cache-host svg{width:100%;height:auto;min-width:940px}
.s11b-swipe.is-on{display:flex}
/* the step timeline */
.s11b-control--step{flex:1 1 560px}
.s11b-steps{display:flex;align-items:stretch;gap:3px;flex-wrap:nowrap;padding:3px;border-radius:12px;background:var(--cream-lo);border:1px solid var(--line);min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}
.s11b-cell{flex:1 0 auto;display:grid;place-items:center;min-width:38px;min-height:36px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .2s var(--ease),color .2s,box-shadow .2s}
.s11b-cell--update,.s11b-cell--refresh,.s11b-cell--reduce{min-width:64px}
.s11b-cell--fwd{color:var(--teal-deep)}
.s11b-cell--bwd{color:#7a5c99}
.s11b-cell--fwd+.s11b-cell--bwd{margin-left:-2px}
.s11b-cell--bwd+.s11b-cell--fwd{margin-left:4px}
.s11b-cell:hover{background:rgba(255,255,255,.55)}
.s11b-cell[aria-pressed="true"]{background:var(--cream-hi);color:var(--ink-deep);box-shadow:inset 0 0 0 1.5px var(--ink-deep),0 1px 3px rgba(10,43,53,.14)}
.s11b-cache.is-stale .s11b-cell--refresh{text-decoration:line-through;color:var(--pink-deep)}
.s11b-loop{display:grid;place-items:center;padding:0 6px;font-size:16px;color:var(--muted)}
.s11b-inspector--cache{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:22px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.s11b-versions{display:grid;gap:6px;align-content:start}
.s11b-versions>div{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:8px;background:var(--cream);font-size:13px}
.s11b-versions dt{color:var(--muted)}
.s11b-versions dd{margin:0;font-weight:700;color:var(--ink-deep);font-variant-numeric:tabular-nums;text-align:right}
.s11b-versions dd b{margin-left:4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.s11b-versions .is-ok dd b{color:var(--teal-deep)}
.s11b-versions .is-old dd b{color:var(--muted)}
.s11b-versions .is-stale{background:var(--pink-wash)}
.s11b-versions .is-stale dd b{color:var(--pink-deep)}
.s11b-warn{margin:0 0 6px;padding:8px 12px 10px;border-radius:10px;background:var(--pink-wash)}
.report-content .s11b-fig .s11b-warn blockquote.s11b-quote{margin-top:0;border-left-color:var(--pink-deep)}

/* Inspector text */
.report-content :is(.s11b-fig,.s11b-companion) .s11b-insp-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-deep)}
.report-content .s11b-fig .s11b-insp-title{margin:4px 0 6px;font-size:17px;line-height:1.35;color:var(--ink-deep)}
.report-content :is(.s11b-fig,.s11b-companion) .s11b-insp-small{margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.report-content :is(.s11b-fig,.s11b-companion) blockquote.s11b-quote{margin:8px 0 0;padding:0 0 0 12px;border-left:2px solid var(--pink);font-size:14px;line-height:1.55;color:var(--ink-soft)}
.s11b-quote cite{display:block;margin-top:3px;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.report-content .s11b-fig .s11b-part{min-height:44px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:13.5px;line-height:1.5;color:var(--muted)}
.s11b-part b{color:var(--ink-deep);margin-right:4px}

/* ---------- Figure 57: routed autograd ---------- */
.s11b-control--stages{margin:-2px 0 14px}
.s11b-stages{display:flex;flex-wrap:wrap;gap:6px}
.s11b-stages button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px 0 6px;border:1px solid var(--line-strong);border-radius:999px;background:var(--cream-hi);color:var(--ink);font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.s11b-stages button b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cream-lo);font-size:11.5px;color:var(--teal-deep)}
.s11b-stages button:hover{border-color:var(--teal)}
.s11b-stages button[aria-pressed="true"]{background:var(--ink-deep);border-color:var(--ink-deep);color:var(--cream)}
.s11b-stages button[aria-pressed="true"] b{background:var(--pink);color:#fff}
.s11b-ag-stage{padding:12px 0 16px}
.s11b-ag-legend{padding:0 18px 8px}
.s11b-keys{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--ink)}
.s11b-keys li{display:inline-flex;align-items:center;gap:7px}
.s11b-key{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid}
.s11b-key--fp8{background:var(--s11b-fp8);border-color:var(--teal)}
.s11b-key--bf16{background:var(--s11b-bf16);border-color:var(--s11b-bf16-line)}
.s11b-key--fp32{background:var(--s11b-fp32);border-color:var(--s11b-fp32)}
.s11b-key--scale{background:var(--teal-deep);border-color:var(--teal-deep)}
.s11b-key--gmx,.s11b-key--gbf,.s11b-key--q,.s11b-key--dq,.s11b-key--t,.s11b-key--fused,.s11b-key--comm,.s11b-key--save,.s11b-key--discard,.s11b-key--recompute,.s11b-key--dqk{border-radius:4px}
.s11b-key--gmx{background:var(--s11b-fp8);border-color:var(--teal)}
.s11b-key--gbf{background:var(--s11b-gbf);border-color:var(--s11b-gbf-line)}
.s11b-key--q{background:var(--s11b-q);border-color:var(--s11b-q-line)}
.s11b-key--dq,.s11b-key--dqk{background:var(--s11b-dq);border-color:var(--s11b-dq-line)}
.s11b-key--t{background:var(--cream-lo);border-color:var(--line-strong)}
.s11b-key--fused{background:#e9efe4;border-color:#6f8f6a}
.s11b-key--comm{background:var(--teal-wash);border-color:var(--teal)}
.s11b-key--save{background:var(--teal);border-color:var(--teal)}
/* byte-bar keys use the exact bar colours */
.s11b-key--mbf16,.s11b-key--mq,.s11b-key--ms{width:16px;height:10px;border-radius:2px;border:0}
.s11b-key--mbf16{background:#cdb48e}
.s11b-key--mq{background:var(--teal)}
.s11b-key--ms{background:var(--teal-deep)}
.s11b-key--discard{background:var(--cream-hi);border-color:var(--pink-deep);border-style:dashed}
.s11b-key--recompute{background:var(--cream-hi);border-color:var(--teal);border-style:dashed}
.s11b-key--dash{width:22px;height:0;border-radius:0;border:0;border-top:2px dashed var(--pink-deep)}
.s11b-ag-host svg{width:1940px;max-width:none;height:auto}/* one-row drawing at 1:1; it scrolls sideways in a narrow column */
/* Figure 57, 2026-11-02: when the column is wide the whole drawing is shown in
   two rows (renderAutogradSvg('rows')), about 1:1 at 1440 px and capped at
   1.08x; the one-row drawing and its scroll cue are kept for narrow columns. */
.s11b-ag-host .s11b-ag-svg--rows{display:none;width:100%;max-width:1200px;margin:0 auto}
@container s11b (min-width:880px){
 .s11b-ag-host .s11b-ag-svg--row{display:none}
 .s11b-ag-host .s11b-ag-svg--rows{display:block}
 .s11b-ag .s11b-swipe.s11b-swipe--always{display:none}
}
.s11b-ag .s11b-t--port,.s11b-ag .s11b-t--dt{font-size:13px}
.s11b-conn circle{fill:var(--pink);stroke:none}
.s11b-t--conn{font-size:13px;font-weight:800;fill:#fff}
.s11b-t--row{font-size:14px;font-weight:700;letter-spacing:.02em;fill:var(--ink-deep)}
.s11b-t--rowaside{font-size:13px;fill:var(--muted)}
/* The figure frame breaks out of the wide column to the main column's edges
   (12 px gutters; never under the docked contents panel, which pads the page
   grid), up to 1280 px. */
@media(min-width:1024px){
 .report-content>#fig-mxfp8-routed-autograd:not(:fullscreen){grid-column:full;--plate-pad:14px;margin-left:max(calc(12px - var(--pad)),calc((100% - 1280px) / 2));margin-right:max(calc(12px - var(--pad)),calc((100% - 1280px) / 2))}
}
.s11b-ag .s11b-swipe--always{display:flex}
.s11b-band{fill:transparent;transition:fill .3s var(--ease)}
.s11b-band.is-on{fill:var(--teal-wash)}
/* lenses: precision keeps every node; other lenses dim what is not part of them */
.s11b-ag:not([data-lens="precision"]) .s11b-n.s11b-n--t:not(.is-lens) :is(circle,ellipse){fill:#fffdf9;stroke:rgba(28,43,51,.45)}
.s11b-ag:not([data-lens="precision"]) .s11b-n.s11b-dt--fp32:not(.is-lens) .s11b-t{fill:var(--ink-deep)}
.s11b-ag:not([data-lens="precision"]) .s11b-n.s11b-dt--fp32:not(.is-lens) .s11b-t--dt{fill:var(--ink-soft)}
.s11b-ag:not([data-lens="precision"]) .s11b-n:not(.is-lens):not(.s11b-n--note){opacity:.36}
.s11b-ag:not([data-lens="precision"]) .s11b-e:not(.is-lens){opacity:.38}
.s11b-ag[data-lens="memory"] .s11b-n--save.is-lens rect{fill:var(--teal);stroke:var(--teal-deep)}
.s11b-ag[data-lens="memory"] .s11b-n--save.is-lens .s11b-t{fill:#fff;font-weight:700}
.s11b-ag[data-lens="memory"] .s11b-n--discard.is-lens rect{fill:var(--cream-hi);stroke:var(--pink-deep);stroke-width:2}
.s11b-ag[data-lens="memory"] .s11b-n--recompute.is-lens rect{fill:var(--cream-hi);stroke:var(--teal);stroke-width:2.2;stroke-dasharray:5 3}
.s11b-ag[data-lens="memory"] .s11b-e.is-lens .s11b-e-line{stroke:var(--teal-deep);stroke-width:2.2}
.s11b-ag[data-lens="convert"] .s11b-n--fused.is-lens rect{fill:#e9efe4;stroke:#6f8f6a;stroke-width:2}
.s11b-ag[data-lens="comm"] .s11b-n--comm.is-lens rect{fill:var(--teal-wash);stroke:var(--teal);stroke-width:2}
.s11b-ag[data-lens="comm"] .s11b-e.is-lens.is-dashed .s11b-e-line{stroke:var(--pink-deep);stroke-width:2.2}
.s11b-ag[data-lens="comm"] .s11b-e.is-lens.is-dashed .s11b-e-head{fill:var(--pink-deep)}
.s11b-ag[data-lens="comm"] .s11b-n--note.is-lens .s11b-t{fill:var(--pink-deep);font-weight:700}
/* stage focus (and Table 25 rows) */
.s11b-ag .s11b-n.is-dim,.s11b-ag .s11b-e.is-dim{opacity:.16!important}
.s11b-ag .s11b-n.is-stage{opacity:1!important}
.s11b-ag .s11b-e.is-stage{opacity:1!important}
.s11b-ag .s11b-e.is-stage .s11b-e-line{stroke:var(--ink-deep);stroke-width:2.1}
.s11b-ag.is-live .s11b-e.is-stage .s11b-e-flow{opacity:.9;animation:s11b-flow 1.1s linear infinite}
.s11b-ag-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:22px;margin:12px 18px 0;padding-top:12px;border-top:1px solid var(--line)}
.report-content .s11b-fig .s11b-ag-bottom .s11b-part{margin-top:0;padding-top:0;border-top:0}
.s11b-fb{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:2px}
.report-content .s11b-fig .s11b-fb-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep)}

/* ---------- Figure 58: saved activation ---------- */
.s11b-save-stage{display:grid;grid-template-columns:minmax(280px,474px) minmax(0,1fr);gap:26px;padding:16px 20px 16px}
.s11b-save-diagram{min-width:0}
.s11b-save-host svg{width:100%;height:auto;min-width:474px}/* 1:1 or larger; scrolls on phones */
.s11b-save-diagram .s11b-swipe{padding:6px 0 0}
.s11b-save .s11b-n:not(.is-on){opacity:.55}
.s11b-save .s11b-e:not(.is-on){opacity:.4}
.s11b-save .s11b-e.is-on .s11b-e-line{stroke:var(--teal-deep);stroke-width:2.3}
.s11b-save .s11b-e.is-on .s11b-e-head{fill:var(--teal-deep)}
.s11b-save .s11b-n.is-bypass{opacity:.22}
.s11b-save .s11b-n.is-bypass rect{stroke-dasharray:3 3}
.s11b-save .s11b-e.is-bypass .s11b-e-line{stroke-dasharray:3 4}
.s11b-life{opacity:.6;transition:opacity .25s}
.s11b-life.is-on{opacity:1}
.s11b-life-bar{stroke-width:1.5}
.s11b-life--bf16{fill:var(--s11b-bf16);stroke:var(--s11b-bf16-line)}
.s11b-life--fp8{fill:var(--s11b-fp8);stroke:var(--teal)}
.s11b-save-panel{min-width:0}
.s11b-mem{display:grid;gap:8px;margin:8px 0 10px!important}
.report-content .s11b-fig .s11b-mem li{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) auto;grid-template-areas:"n b v" "n b t";align-items:center;column-gap:12px;padding:7px 10px;border-radius:10px;background:var(--cream);cursor:pointer;transition:background-color .2s,box-shadow .2s}
.s11b-mem li.is-on{background:var(--cream-hi);box-shadow:inset 0 0 0 1.5px var(--ink-deep)}
.s11b-mem-name{grid-area:n;font-size:13px;font-weight:700;line-height:1.3;color:var(--ink-deep)}
.s11b-mem-bar{grid-area:b;display:flex;height:14px;border-radius:4px;background:var(--cream-lo);overflow:hidden}
.s11b-mem-bar i{display:block;height:100%}
.s11b-mem--bf16{background:#cdb48e}
.s11b-mem--qdata{background:var(--teal)}
.s11b-mem--scale{background:var(--teal-deep);min-width:3px}
.s11b-mem b{grid-area:v;font-size:14px;color:var(--ink-deep);text-align:right;font-variant-numeric:tabular-nums}
.s11b-mem em{grid-area:t;font-size:11.5px;font-style:normal;color:var(--muted);text-align:right;white-space:nowrap}
.s11b-keys--mem{margin-bottom:6px!important;font-size:12px;color:var(--muted)}
.report-content .s11b-fig .s11b-save-stage>.s11b-part{grid-column:1/-1;margin-top:0}

/* ---------- Charts (Figures 56, 59) ---------- */
.s11b-chart{position:relative;min-width:0}
.s11b-chart svg{width:100%;height:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.s11b-chart:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px}
.s11b-tip{position:absolute;z-index:5;max-width:280px;padding:9px 12px;border-radius:10px;background:var(--ink-deep);color:var(--cream);font-size:12.5px;line-height:1.45;box-shadow:var(--shadow-pop);pointer-events:none}
.s11b-tip[hidden]{display:none}
.s11b-sw{display:inline-block;flex:none;width:14px;height:10px;border-radius:3px;vertical-align:-1px}
.s11b-sw--bf16{background:repeating-linear-gradient(90deg,var(--s11b-bf16-run) 0 4px,transparent 4px 6px)}
.s11b-sw--rceil{background:var(--s11b-rceil-run)}
.s11b-sw--floor{background:var(--s11b-floor-run)}
.s11b-legend{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.s11b-legend button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--cream-hi);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s,border-color .2s}
.s11b-legend button:hover{border-color:var(--teal-line)}
.s11b-legend button[aria-pressed="false"]{opacity:.5;text-decoration:line-through;background:transparent}
/* Figure 56 */
.s11b-tr-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.s11b-tr .s11b-chart{padding:14px 14px 6px}
.s11b-tr-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.s11b-tr-raw{fill:none;stroke-width:.8;opacity:.13}
.s11b-tr-raw.is-raw{stroke-width:1.2;opacity:.9}
.s11b-tr--bf16{stroke:var(--s11b-bf16-run)}
.s11b-tr--rceil{stroke:var(--s11b-rceil-run)}
.s11b-tr--floor{stroke:var(--s11b-floor-run)}
.s11b-tr-line.s11b-tr--bf16{stroke-width:2.4;stroke-dasharray:6 4}
.s11b-tr-dot{stroke:var(--cream-hi)!important;stroke-width:2}
.s11b-tr-dot.s11b-tr--bf16{fill:var(--s11b-bf16-run)}
.s11b-tr-dot.s11b-tr--rceil{fill:var(--s11b-rceil-run)}
.s11b-tr-dot.s11b-tr--floor{fill:var(--s11b-floor-run)}
.s11b-cursor line{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3;opacity:.65}
.s11b-zoombox{cursor:zoom-in;outline:none}
.s11b-zoombox rect{fill:var(--teal-wash);stroke:var(--teal);stroke-width:1.2;stroke-dasharray:4 3}
.s11b-zoombox:hover rect{fill:rgba(64,117,121,.16)}
.s11b-readout{padding:14px 16px;border-radius:var(--radius);background:var(--ink-deep);color:var(--cream)}
.report-content .s11b-fig .s11b-readout-head{margin:0 0 8px;font-size:13px;color:#c9d9d8}
.s11b-readout-head b{color:#fff;font-size:17px;font-variant-numeric:tabular-nums}
.report-content .s11b-fig .s11b-readout-sub{margin:-4px 0 8px;font-size:11.5px;line-height:1.4;color:#9fb9b8}
.s11b-ro-list{display:grid;gap:0}
.report-content .s11b-fig .s11b-ro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.14)}
.s11b-ro.is-hidden{opacity:.45}
.s11b-ro-name{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap}
.s11b-ro b{font-size:19px;font-weight:400;color:#fff;font-variant-numeric:tabular-nums}
.s11b-ro-sub{grid-column:1/-1;font-size:12px;color:#b9cccb;font-variant-numeric:tabular-nums}
.s11b-readout .s11b-sw--bf16{background:repeating-linear-gradient(90deg,#c3ccd0 0 4px,transparent 4px 6px)}
.s11b-readout .s11b-sw--rceil{background:#8cc3c6}
.s11b-readout .s11b-sw--floor{background:#d9b071}
.s11b-summary{margin-top:14px}
.report-content :is(.s11b-fig,.s11b-companion) .s11b-cards-head{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--muted)}
.s11b-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.s11b-card{display:flex;flex-direction:column;gap:1px;min-width:0;padding:10px 14px 11px;border:1px solid var(--line);border-radius:10px;background:var(--cream-hi)}
.s11b-card span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--muted)}
.s11b-card b{font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11b-card em{font-size:12.5px;font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.s11b-card--bf16{box-shadow:inset 3px 0 0 var(--s11b-bf16-run)}
.s11b-card--rceil{box-shadow:inset 3px 0 0 var(--s11b-rceil-run)}
.s11b-card--floor{box-shadow:inset 3px 0 0 var(--s11b-floor-run)}
/* Figure 59 */
.s11b-fam-0{--c:#2d5a5e}.s11b-fam-1{--c:#407579}.s11b-fam-2{--c:#86adb0}.s11b-fam-3{--c:#56656b}.s11b-fam-4{--c:#8b979b}.s11b-fam-5{--c:#c6cdcf}.s11b-fam-6{--c:var(--pink)}
.s11b-sw.s11b-fam-0,.s11b-sw.s11b-fam-1,.s11b-sw.s11b-fam-2,.s11b-sw.s11b-fam-3,.s11b-sw.s11b-fam-4,.s11b-sw.s11b-fam-5,.s11b-sw.s11b-fam-6{background:var(--c)}
.s11b-kseg rect{fill:var(--c);transition:opacity .25s}
.s11b-kseg{outline:none;cursor:pointer}
.s11b-kseg.is-faded rect{opacity:.18}
.s11b-kseg.is-iso rect{stroke:var(--ink-deep);stroke-width:1.2}
.s11b-kseg:focus-visible rect{stroke:var(--pink);stroke-width:2.5}
.s11b-fam-2 .s11b-t--seg,.s11b-fam-4 .s11b-t--seg,.s11b-fam-5 .s11b-t--seg,.s11b-fam-6 .s11b-t--seg{fill:var(--ink-deep)}
.s11b-busy{outline:none;cursor:pointer}
.s11b-busy path{fill:var(--ink-deep)}
.s11b-busy:focus-visible path{fill:var(--pink);stroke:var(--pink-deep);stroke-width:2.5}
.s11b-rowband,.s11b-colband{fill:transparent;transition:fill .2s var(--ease)}
.s11b-rowband.is-on,.s11b-colband.is-on{fill:var(--teal-wash)}
.s11b-modelabel{cursor:pointer}
.s11b-modelabel.is-sel .s11b-t{fill:var(--pink-deep)}
.s11b-dbar{outline:none;cursor:pointer}
/* panel (b): bars in the family colours of (a) */
.s11b-dbar rect{fill:var(--c);transition:opacity .25s}
.s11b-dbar.is-faded rect{opacity:.15}
.s11b-t--din{fill:#fff;pointer-events:none}
.s11b-fam-2 .s11b-t--din,.s11b-fam-4 .s11b-t--din,.s11b-fam-5 .s11b-t--din{fill:var(--ink-deep)}
.s11b-t--added{fill:var(--pink-deep)}
.s11b-t--famlab{font-size:12.5px;fill:var(--ink)}
.s11b-t--famlab.is-target{font-weight:700;fill:var(--ink-deep)}
.s11b-dbar:focus-visible rect{stroke:var(--pink);stroke-width:2.5;opacity:1}
.s11b-netrule{stroke:var(--line-strong);stroke-width:1}
.s11b-gbar{outline:none;cursor:pointer}
.s11b-gbar rect{fill:#9cc0c2;transition:fill .25s}
.s11b-gbar.is-sel rect{fill:var(--teal)}
.s11b-gbar:focus-visible rect{stroke:var(--pink);stroke-width:2.5}
.s11b-gdot{fill:var(--ink-deep);stroke:var(--cream-hi);stroke-width:1.5;outline:none;cursor:pointer}
.s11b-gdot:focus-visible{fill:var(--pink);stroke:var(--pink-deep);stroke-width:2.5;r:6px}
.s11b-bench-a{padding:14px 18px 10px}
.report-content .s11b-fig .s11b-panel-title,.report-content .s11b-companion .s11b-panel-title{margin:0 0 8px;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--ink-deep)}
.report-content .s11b-fig .s11b-panel-note{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.s11b-famchips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.s11b-famgroup{margin:0 2px 0 8px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.s11b-famgroup:first-child{margin-left:0}
.s11b-famchip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.s11b-famchip:hover{border-color:var(--teal-line)}
.s11b-famchip[aria-pressed="true"]{background:var(--ink-deep);border-color:var(--ink-deep);color:var(--cream)}
.s11b-bench-cd{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.s11b-bench-cd>.s11b-surface{padding:14px 16px 8px}
.s11b-cards--bench{grid-template-columns:repeat(5,minmax(0,1fr))}
.s11b-cards--bench .s11b-card b{font-size:22px}
.s11b-card--tps{box-shadow:inset 3px 0 0 var(--teal)}
.s11b-card--mem{box-shadow:inset 3px 0 0 var(--teal-deep)}
.s11b-card--sum,.s11b-card--busy{box-shadow:inset 3px 0 0 var(--ink-deep)}
.s11b-card--conv{box-shadow:inset 3px 0 0 var(--pink)}

/* ---------- Table companions (24, 26) and Table 25 ---------- */
.s11b-companion{margin:.4em 0 3em;padding:16px 0 0;border-top:1px solid var(--ink);min-width:0}
.s11b-comp-head{margin:0 0 14px}
.s11b-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px!important;font-size:12px;line-height:1.4}
.s11b-kicker-label{font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.s11b-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:999px;background:var(--teal-wash);color:var(--teal-deep);font-weight:700}
.s11b-badge::before{content:'';width:8px;height:8px;border-radius:50%;border:1.5px dashed var(--teal);box-sizing:border-box}
.s11b-badge--measured{background:var(--pink-wash);color:var(--pink-deep)}
.s11b-badge--measured::before{border:0;background:var(--pink)}
.report-content .s11b-companion .s11b-comp-title{font-size:clamp(21px,1.9vw,26px);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
/* Table 24 */
.report-content table#tab-mxfp8-floor-rceil-pseudocode .s11b-codeline{display:inline-block;min-width:100%;margin-left:-8px;padding:0 8px;border-radius:4px;transition:background-color .15s}
.report-content table#tab-mxfp8-floor-rceil-pseudocode .s11b-codeline.is-diff{background:var(--pink-wash);box-shadow:inset 3px 0 0 var(--pink)}
.report-content table#tab-mxfp8-floor-rceil-pseudocode .s11b-codeline.is-linked{background:rgba(64,117,121,.16)}
.s11b-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.s11b-range input[type=range]{-webkit-appearance:none;appearance:none;width:min(260px,100%);height:28px;margin:0;background:transparent;cursor:pointer}
.s11b-range input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--teal-line),var(--sand))}
.s11b-range input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--teal-line),var(--sand))}
.s11b-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--teal);border:3px solid var(--cream-hi);box-shadow:0 1px 4px rgba(10,43,53,.3)}
.s11b-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--teal);border:3px solid var(--cream-hi);box-shadow:0 1px 4px rgba(10,43,53,.3)}
.s11b-range input[type=range]:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px;border-radius:6px}
.s11b-range input[type=number]{width:96px;height:34px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--cream-hi);color:var(--ink-deep);font:inherit;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.s11b-range input[type=number]:focus-visible{outline:2.5px solid var(--pink);outline-offset:1px}
.s11b-pseudo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s11b-pc{min-width:0;padding:12px 14px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream-hi);box-shadow:var(--shadow-card)}
.report-content .s11b-companion .s11b-pc-head{margin:0 0 8px;font-size:13.5px;font-weight:700;color:var(--ink-deep)}
.s11b-pc-lines{display:grid;gap:2px}
.report-content .s11b-companion .s11b-pc-lines li{display:grid;gap:1px;padding:5px 8px 5px 11px;border-radius:7px;transition:background-color .15s}
.s11b-pc-lines li.is-diff{background:var(--pink-wash);box-shadow:inset 3px 0 0 var(--pink)}
.s11b-pc-lines li.is-linked{background:rgba(64,117,121,.16)}
.report-content .s11b-pc-lines code{padding:0;background:none;font-size:12.5px;color:var(--ink-soft);word-break:normal;white-space:pre-wrap}
.s11b-pc-val{font-size:13.5px;font-weight:700;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11b-pc-val sup{font-size:.7em}
.s11b-pc-lines li.is-clip .s11b-pc-val{color:var(--pink-deep)}
.report-content .s11b-companion .s11b-pc-verdict{margin:8px 0 0;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:700}
.s11b-pc-verdict.is-clip{background:var(--pink-wash);color:var(--pink-deep)}
.s11b-pc-verdict.is-ok{background:var(--teal-wash);color:var(--teal-deep)}
.s11b-pseudo-visuals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.s11b-pseudo-visuals>.s11b-surface{padding:12px 14px 8px}
.s11b-pseudo-visuals svg{width:100%;height:auto}
.s11b-nl-sat{fill:var(--pink-wash);stroke:var(--pink);stroke-width:1;stroke-dasharray:3 3}
.s11b-nl-mk line{stroke-width:1.6}
.s11b-nl--floor line{stroke:var(--s11b-floor-run)}
.s11b-nl--floor circle{fill:var(--s11b-floor-run)}
.s11b-nl--rceil line{stroke:var(--teal-deep)}
.s11b-nl--rceil circle{fill:var(--teal-deep)}
.s11b-nl-mk.is-clip circle{fill:var(--pink);stroke:var(--pink-deep)}
.s11b-nl-mk circle{stroke:var(--cream-hi);stroke-width:1.5;transition:cx .3s var(--ease)}
.s11b-map-diff{fill:var(--pink-wash);stroke:var(--pink);stroke-width:.8;stroke-opacity:.5}
.s11b-map-cur line{stroke:var(--ink-deep);stroke-width:1.5}
.s11b-map-cur circle{fill:var(--ink-deep);stroke:var(--cream-hi);stroke-width:2}
.s11b-map svg{touch-action:pan-y}
/* Table 25 */
.report-content table.s11b-ks td.s11b-status{font-weight:700}
.report-content table.s11b-ks td.s11b-status.is-integrated{color:var(--teal-deep)}
.report-content table.s11b-ks td.s11b-status.is-fallback{color:#8a6a3a}
.s11b-locate{display:inline-flex;align-items:center;gap:6px;min-height:28px;margin:6px 0 0;padding:3px 10px 3px 7px;border:1px solid var(--line);border-radius:999px;background:var(--cream-hi);color:var(--teal-deep);font:inherit;font-size:11.5px;font-weight:700;line-height:1.3;cursor:pointer;transition:background-color .15s,border-color .15s}
.report-content table.s11b-ks td:first-child .s11b-locate{display:flex;width:max-content}
.s11b-locate svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.s11b-locate:hover{border-color:var(--teal);background:#fff}
/* Table 26 companion */
.s11b-proto-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0 0 12px;font-size:12.5px;color:var(--muted)}
.s11b-proto-key>span{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.s11b-proto-key-strip .s11b-proto-steps{width:168px}
.s11b-proto-key-bar{flex-wrap:nowrap!important;align-items:baseline!important}
.s11b-proto-key-bar i{flex:none;display:inline-block;width:34px;height:10px;border-radius:2px;background:var(--teal)}
.s11b-proto-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.s11b-proto-mode{min-width:0;padding:10px 12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--cream-hi)}
.report-content .s11b-companion .s11b-proto-name{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--ink-deep)}
.s11b-proto-name span{font-size:12px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.s11b-proto-job{display:grid;grid-template-columns:44px minmax(0,1fr) 116px;align-items:center;gap:10px;width:100%;min-height:30px;margin:0;padding:3px 6px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;transition:background-color .15s}
.s11b-proto-job:hover,.s11b-proto-job.is-preview{background:rgba(64,117,121,.07)}
.s11b-proto-job[aria-pressed="true"]{background:var(--teal-wash)}
.s11b-proto-job[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--teal)}
.s11b-proto-job-l{font-weight:700;color:var(--muted)}
.s11b-proto-steps{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}
.s11b-proto-steps i{height:12px;border-radius:2px}
/* one window bar per job on a shared 0–25 s scale, grid every 5 s */
.s11b-proto-track{position:relative;display:block;height:12px;border-radius:3px;background:linear-gradient(90deg,transparent calc(100% - 2px),var(--line-strong) calc(100% - 2px) calc(100% - 1px),transparent calc(100% - 1px)) 0 0/20% 100% repeat-x,var(--cream-lo)}
.s11b-proto-track i{display:block;height:100%;border-radius:3px;background:var(--teal)}
.s11b-proto-track::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(255,250,244,.85) calc(100% - 1px)) 0 0/20% 100% repeat-x;pointer-events:none}
.s11b-proto-mode.is-base .s11b-proto-track i{background:#77828a}
.s11b-proto-steps i.is-warm{background:repeating-linear-gradient(135deg,var(--cream-lo) 0 3px,var(--sand) 3px 5px)}
.s11b-proto-steps i.is-timed{background:var(--teal)}
.s11b-proto-val{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.s11b-proto-val b{color:var(--ink-deep);margin-right:4px}
.s11b-proto-calc{min-height:72px;margin-top:12px;padding:12px 16px;border-radius:var(--radius);background:var(--ink-deep);color:var(--cream)}
.report-content .s11b-companion .s11b-proto-calc .s11b-insp-kicker{color:#ff8fc2}
.report-content .s11b-companion .s11b-calc-eq{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:4px 0 2px;font-size:16px;color:#dbe7e6;font-variant-numeric:tabular-nums}
.s11b-calc-eq b{color:#fff}
.s11b-calc-op{color:#9fb9b8}
.report-content .s11b-companion .s11b-proto-calc .s11b-insp-small{color:#b9cccb}

/* ---------- Container breakpoints ---------- */
@container s11b (max-width:900px){
 .s11b-tr-grid{grid-template-columns:1fr}
 .s11b-cards--bench{grid-template-columns:repeat(3,minmax(0,1fr))}
 .s11b-ag-bottom,.s11b-inspector--cache{grid-template-columns:1fr;gap:12px}
 .s11b-save-stage{grid-template-columns:1fr;justify-items:stretch}
 .s11b-save-diagram{max-width:474px;width:100%;margin:0 auto}
}
@container s11b (max-width:680px){
 .s11b-controls{gap:10px 16px}
 .s11b-cache-stage{padding:12px 0 14px}
 .s11b-cache-stage .s11b-scroll{padding:0 12px}
 .s11b-inspector--cache,.report-content .s11b-fig .s11b-cache-stage>.s11b-part{margin-left:14px;margin-right:14px}
 .s11b-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}
 .s11b-cell{min-width:0;padding:0 4px}
 .s11b-cell--update,.s11b-cell--refresh,.s11b-cell--reduce{min-width:0}
 .s11b-cell--bwd+.s11b-cell--fwd,.s11b-cell--fwd+.s11b-cell--bwd{margin-left:0}
 .s11b-ag-bottom{margin:10px 12px 0}
 .s11b-fb{grid-template-columns:1fr;gap:10px}
 .s11b-tr .s11b-chart{padding:10px 6px 4px}
 .s11b-cards{grid-template-columns:1fr 1fr 1fr;gap:8px}
 .s11b-card{padding:8px 10px 9px}
 .s11b-card b{font-size:19px}
 .s11b-cards--bench{grid-template-columns:1fr 1fr}
 .s11b-bench-a{padding:12px 10px 8px}
 .s11b-bench-cd{grid-template-columns:1fr}
 .s11b-pseudo-grid,.s11b-pseudo-visuals{grid-template-columns:1fr}
 .s11b-proto-grid{grid-template-columns:1fr}
 .s11b-wide-only{display:none}
 .s11b-famgroup{flex-basis:100%;margin:4px 0 0}
 .s11b-famgroup:first-child{margin-top:0}
 .s11b-famchips{gap:5px}
 .s11b-famchip{min-height:28px;padding:0 9px;font-size:12px}
 .s11b-save-stage{padding:12px 12px 14px}
 .report-content .s11b-fig .s11b-mem li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "b t";row-gap:4px}
}
@container s11b (max-width:420px){
 .s11b-cards{grid-template-columns:1fr}
 .s11b-card{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:10px}
 .s11b-card span{flex-basis:100%}
}
/* Table 25 as labelled cards on phones */
@media(max-width:700px){
 .report-content table.s11b-ks,.report-content table.s11b-ks tbody,.report-content table.s11b-ks tr,.report-content table.s11b-ks td{display:block;width:auto}
 .report-content .table-scroll table.s11b-ks{min-width:0}
 .report-content table.s11b-ks thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .report-content table.s11b-ks tr{padding:10px 12px 12px;border-bottom:1px solid var(--line)}
 .report-content table.s11b-ks td{padding:0;border:0}
 .report-content table.s11b-ks td:first-child{font-size:15px;font-weight:700;color:var(--ink-deep)}
 .report-content table.s11b-ks td[data-label]:not(:first-child)::before{content:attr(data-label);content:attr(data-label) / "";display:block;margin:8px 0 1px;font-size:10.5px;line-height:1.4;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
}
@media (prefers-reduced-motion:reduce){
 .s11b-fig *,.s11b-companion *{transition:none!important;animation:none!important}
 .s11b-e-flow{display:none}
 /* "Play animation" (shared autoplay) runs one flow cycle on request. */
 .s11b-fig[data-autoplay="running"].is-live .s11b-e.is-on .s11b-e-flow{display:inline;animation:s11b-flow 1.1s linear infinite!important}
}
@media print{
 .s11b-controls,.s11b-control--stages,.s11b-legend,.s11b-famchips,.s11b-part,.s11b-swipe,.s11b-companion,.s11b-locate{display:none!important}
}
@media (forced-colors:active){
 .s11b-n :is(circle,ellipse,rect){stroke:CanvasText}
 .s11b-e-line{stroke:CanvasText}
 .s11b-e-head{fill:CanvasText}
 /* keep the switch and every selected control visible */
 .s11b-switch-ui{border:1px solid CanvasText;background:Canvas}
 .s11b-switch-ui::after{background:CanvasText;forced-color-adjust:none}
 .s11b-switch input:checked+.s11b-switch-ui{background:Highlight}
 :is(.s11b-seg button,.s11b-cell,.s11b-stages button,.s11b-famchip,.s11b-legend button,.s11b-proto-job)[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
 .s11b-mem li.is-on{outline:2px solid Highlight;outline-offset:-2px}
}

.report-content :is(.s11b-fig,.s11b-companion) .s11b-fig-note i{padding-right:.12em}
.s11b-spot{display:grid;gap:6px;margin:6px 0 0!important}
.s11b-spot>div{padding:7px 10px;border-radius:8px;background:var(--cream)}
.s11b-spot dt{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.s11b-spot dd{margin:2px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-deep)}
/* "(c)" in captions: Manrope's ligatures are off site-wide in site.css (2026-10-10 integration). */
.report-content .s11b-ag [data-s11b-ag-panel]:focus{outline:none}
.report-content .s11b-ag [data-s11b-ag-panel]:focus-visible{outline:2.5px solid var(--pink);outline-offset:4px;border-radius:8px}
.report-content .s11b-fig .s11b-insp-small a{font-weight:700}