/* Section 11 (part A) native figures and table views. Scoped to s11a-*; kit tokens only. */
.s11a-fig,.s11a-tplot{
 --s11a-bf:#d6e6e6;--s11a-bf-line:#407579;
 --s11a-q:#f7e3b6;--s11a-q-line:#b07b22;
 --s11a-s:#fbd2e4;--s11a-s-line:#b92c6c;
 --s11a-g0:#c6d6d7;--s11a-g1:#f4d6b4;--s11a-g2:#cfe3cb;--s11a-g3:#fbcbe1;
 --s11a-g0-line:#407579;--s11a-g1-line:#b45f06;--s11a-g2-line:#3f7a37;--s11a-g3-line:#b92c6c;
 --s11a-sign:#fbcbe1;--s11a-exp:#c9dadb;--s11a-man:#fbe6ad;
 --s11a-fast:#2d5a5e;
 /* Slower than BF16: a warm brown, not pink (pink is reserved for selection,
    the scrub point, annotations and focus). Text 5.9:1, marks 4:1 on cream-hi. */
 --s11a-slow:#8a5a2c;--s11a-slow-mark:#a0703f;--s11a-slow-wash:#f3e6d3;
 /* Cached weights: the edition's one gold (Section 5's --s5-gold), not a new hue. */
 --s11a-cached:#b0661a;--s11a-fp4:#dccbb2;
}
.s11a-fig{container:s11a/inline-size;position:relative;margin:0;color:var(--ink);font-size:14.5px;line-height:1.5}
.report-content .s11a-fig p,.report-content .s11a-tplot p{margin:0}
.report-content .s11a-fig :is(ul,ol),.report-content .s11a-tplot :is(ul,ol){margin:0;padding:0;list-style:none}
.report-content .s11a-fig li,.report-content .s11a-tplot li{margin:0;padding:0}
.report-content .s11a-fig li::marker,.report-content .s11a-tplot li::marker{content:none}

/* Head */
.s11a-fig-head{margin:2px 0 16px}
.report-content .s11a-fig .s11a-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 8px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.s11a-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.11em;text-transform:uppercase;background:var(--teal-wash);color:var(--teal-deep);white-space:nowrap}
.s11a-tag::before{content:'';width:8px;height:8px;border-radius:50%;border:1.5px dashed var(--teal);box-sizing:border-box}
.s11a-tag--illus{background:rgba(10,43,53,.07);color:var(--ink-deep)}
.s11a-tag--illus::before{border-style:dotted;border-color:var(--ink-deep)}
.s11a-tag--measured{background:var(--pink-wash);color:var(--pink-deep)}
.s11a-tag--measured::before{border:0;background:var(--pink)}
.s11a-tag--web{background:var(--cream-lo);color:var(--ink-soft)}
.s11a-tag--web::before{border:0;background:var(--teal);border-radius:2px}
.report-content .s11a-fig .s11a-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}

/* Controls */
.s11a-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 14px}
.s11a-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0}
.s11a-control-label{font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.s11a-var{font-size:12.5px;font-style:italic;letter-spacing:0;text-transform:none}
.s11a-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:20px;background:var(--cream-lo);border:1px solid var(--line)}
.s11a-seg button{display:inline-flex;align-items:center;gap:7px;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}
.s11a-seg button small{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink-deep)}
.s11a-seg button:hover{color:var(--ink)}
.s11a-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)}
.s11a-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}
.s11a-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.s11a-switch-ui{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:var(--sand);transition:background-color .2s var(--ease)}
.s11a-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)}
.s11a-switch input:checked+.s11a-switch-ui{background:var(--teal)}
.s11a-switch input:checked+.s11a-switch-ui::after{transform:translateX(16px)}
.s11a-switch input:focus-visible+.s11a-switch-ui{outline:2.5px solid var(--pink);outline-offset:3px}
.s11a-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.s11a-range.is-off{opacity:.45}
.s11a-gran .s11a-range,.s11a-swz-hw-ctl .s11a-range{flex-wrap:nowrap}
.s11a-gran .s11a-range input[type=range]{width:min(170px,100%)}
.s11a-range input[type=range]{-webkit-appearance:none;appearance:none;width:min(220px,100%);height:28px;margin:0;background:transparent;cursor:pointer}
.s11a-range--wide input[type=range]{width:min(260px,100%)}
.s11a-range input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--teal-line),var(--sand))}
.s11a-range input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--teal-line),var(--sand))}
.s11a-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)}
.s11a-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)}
.s11a-ovh .s11a-range{flex-wrap:nowrap}
.s11a-ovh .s11a-range output{min-width:6ch}
.s11a-range input[type=range]:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px;border-radius:6px}
.s11a-range output{min-width:4ch;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-deep)}
.s11a-input{display:flex;align-items:center;gap:10px}
.s11a-input input{width:9.5em;min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--cream-hi);color:var(--ink-deep);font:inherit;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.s11a-input input:focus-visible{outline:2.5px solid var(--pink);outline-offset:1px}
.s11a-input input[aria-invalid="true"]{border-color:var(--pink)}

/* Surfaces, SVG text, notes */
.s11a-stage,.s11a-tplot{background:var(--cream-hi);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.s11a-stage{padding:18px 22px 18px}
.s11a-fig svg,.s11a-tplot svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--font)}
.s11a-chart{position:relative;min-width:0}
.s11a-chart svg{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.s11a-t{font-size:13px;fill:var(--ink)}
.s11a-t--note{font-size:12px;fill:var(--muted)}
.s11a-t--tick{font-size:11.5px;fill:var(--muted);font-variant-numeric:tabular-nums}
.s11a-t--tiny{font-size:11px;fill:var(--muted);font-variant-numeric:tabular-nums}
.s11a-t--axis{font-size:12.5px;fill:var(--muted)}
.s11a-t--lab{font-size:15px;font-weight:700;fill:var(--ink-deep)}
.s11a-t--dim{font-size:12px;fill:var(--muted)}
.s11a-grid{stroke:var(--line);stroke-width:1}
.s11a-grid--one,.s11a-grid--two{stroke:var(--ink-deep);stroke-width:1.2;stroke-dasharray:4 3;opacity:.55}
.s11a-axis{stroke:var(--line-strong);stroke-width:1}
.s11a-hit{fill:transparent;cursor:crosshair}
.s11a-guide{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-dasharray:4 3}
.s11a-fig-note{margin:12px 0 0;max-width:860px;font-size:12.5px;line-height:1.58;color:var(--muted)}
.report-content .s11a-fig .s11a-fig-note a[data-reference-type]{font-weight:700}
.s11a-tip{position:absolute;z-index:5;max-width:290px;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}
.s11a-tip[hidden]{display:none}
.s11a-tip p+p{margin-top:2px}
.s11a-tip b{color:#fff}
.s11a-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;color:var(--ink)}
.s11a-legend li{display:inline-flex;align-items:center;gap:8px}
.s11a-ln{display:inline-block;width:18px;height:3px;border-radius:2px}
.s11a-ln--raw{background:var(--teal)}
.s11a-ln--cached{background:var(--s11a-cached)}
.s11a-ln--dynamic{background:var(--ink-deep);height:2px;background-image:none;border-top:2px dotted var(--ink-deep);background-color:transparent}
.s11a-swipe{display:none;justify-content:space-between;margin:0 0 6px;font-size:11.5px;color:var(--muted)}
.s11a-scroll{min-width:0}
.s11a-scroll--swz .s11a-swipe{display:none!important}

/* Inspector (shared) */
.s11a-inspector{display:flex;flex-direction:column;gap:16px;padding:2px 0 0 22px;border-left:1px solid var(--line);min-width:0}
.s11a-inspector--below{padding:14px 0 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px}
.report-content .s11a-fig .s11a-insp-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-deep)}
.report-content .s11a-fig .s11a-insp-main{margin:5px 0 8px;font-size:17px;line-height:1.35;color:var(--ink-deep)}
.report-content .s11a-fig .s11a-insp-small{margin-top:8px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.report-content .s11a-fig .s11a-part-name{font-size:14px;font-weight:700;color:var(--ink-deep)}
.report-content .s11a-fig .s11a-part-hint{font-size:13.5px;line-height:1.55;color:var(--muted)}
.report-content .s11a-fig blockquote.s11a-quote{margin:10px 0 0;padding:0 0 0 12px;border-left:2px solid var(--pink);font-size:14px;line-height:1.55;color:var(--ink-soft)}
.s11a-quote cite{display:block;margin-top:4px;font-size:11.5px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.report-content .s11a-fig .s11a-side-title{margin:0 0 10px;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--ink-deep)}
.s11a-side-title span{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted)}
.report-content .s11a-fig .s11a-formula{margin:2px 0 4px;font-size:15px;line-height:1.6;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-formula sub,.s11a-formula sup,.s11a-eq sub{font-size:.72em}
.s11a-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0}
.s11a-facts>div{min-width:0}
.s11a-facts dt{font-size:12px;line-height:1.35;color:var(--muted)}
.s11a-facts dd{margin:3px 0 0;font-size:14px;font-weight:700;line-height:1.35;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-facts dd span{font-weight:400;color:var(--muted)}
.s11a-facts dd b{font-weight:700}
.s11a-warn{color:var(--pink-deep)}
.s11a-addr{display:grid;gap:7px;margin:8px 0 0}
.s11a-addr>div{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:baseline}
.s11a-addr dt{font-size:12px;color:var(--muted)}
.s11a-addr dd{margin:0;font-size:13.5px;font-weight:700;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-addr dd span{font-weight:400;color:var(--muted)}

/* ---------- Figure 47: Tensor Core paths ---------- */
.s11a-mma-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:24px;align-items:start}
.s11a-mma-host{max-width:640px}
.s11a-mma-legend{display:none!important;margin:0 0 8px;font-size:12px}
.s11a-sw--q{background:var(--s11a-q);border:1px solid var(--s11a-q-line)}.s11a-sw--s{background:var(--s11a-s);border:1px solid var(--s11a-s-line)}.s11a-sw--bfm{background:var(--s11a-bf);border:1px solid var(--s11a-bf-line)}
.s11a-mma-main{min-width:0}
.s11a-mcell{outline:none;cursor:pointer}
.s11a-mcell rect{stroke-width:1.2;transition:fill .25s var(--ease),stroke .25s,opacity .25s}
.s11a-mcell--q rect{fill:var(--s11a-q);stroke:var(--s11a-q-line)}
.s11a-mcell--bf rect{fill:var(--s11a-bf);stroke:var(--s11a-bf-line)}
.s11a-mcell--out rect{fill:#e3ece9;stroke:var(--teal)}
.s11a-mcell--s rect{fill:var(--s11a-s);stroke:var(--s11a-s-line)}
.s11a-mma-svg .s11a-mcell:not(.is-lit) rect{opacity:.5}
.s11a-mma-svg .s11a-mcell.is-lit rect{opacity:1;stroke-width:2.2}
.s11a-mcell--out.is-lit rect{fill:var(--teal);stroke:var(--teal-deep)}
.s11a-mcell:focus-visible rect{stroke:var(--pink);stroke-width:3}
.s11a-mcell rect.s11a-mhit{fill:transparent;stroke:none!important;opacity:1!important}
/* Figure 47: byte-scaled cells, the 2x-packing ghost set and the peak label. */
.s11a-mma-key{margin:0 0 6px;font-size:12px;line-height:1.45;color:var(--muted)}
.s11a-mghost{pointer-events:none}
.s11a-mghost rect{fill:none;stroke:var(--s11a-q-line);stroke-width:1;stroke-dasharray:3 2;opacity:.6}
.s11a-t--ghost{font-size:11px;font-weight:700;fill:var(--s11a-q-line);paint-order:stroke;stroke:var(--cream-hi);stroke-width:3px;stroke-linejoin:round}
.s11a-t--ghostbig{font-size:14px}
.s11a-peak-tick{fill:none;stroke:var(--muted);stroke-width:1.2}
.s11a-t--peak{font-size:11.5px;font-weight:700;fill:var(--muted)}
.s11a-t--peak.is-mx{fill:var(--teal-deep)}
.s11a-t--peaksub{font-size:11.5px;font-weight:400;fill:var(--ink-soft)}
.s11a-sw-q{fill:var(--s11a-q);stroke:var(--s11a-q-line)}
.s11a-sw-s{fill:var(--s11a-s);stroke:var(--s11a-s-line)}
.s11a-sw-bf{fill:var(--s11a-bf);stroke:var(--s11a-bf-line)}
.s11a-axis-arrow{fill:none;stroke:var(--muted);stroke-width:1.2}
.s11a-axis-head{fill:var(--muted)}
.s11a-op-frame{fill:none;stroke:var(--line-strong);stroke-dasharray:5 4}
.s11a-t--opname{font-size:12px;font-weight:700;fill:var(--teal-deep);letter-spacing:.02em}
.s11a-op{outline:none;cursor:pointer}
.s11a-op rect{fill:var(--cream);stroke:var(--line-strong);stroke-width:1.2;transition:fill .2s,stroke .2s}
.s11a-op.is-cur rect{fill:var(--pink-wash);stroke:var(--pink);stroke-width:2}
.s11a-op:focus-visible rect{stroke:var(--pink);stroke-width:3}
.s11a-t--op{font-size:11.5px;fill:var(--ink-soft)}
.s11a-t--opk{font-weight:700;fill:var(--ink-deep)}
.s11a-op-arrow{fill:none;stroke:var(--muted);stroke-width:1.3;marker-end:none}
.s11a-insp-sel{min-height:210px}
.s11a-bytes{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.s11a-bytes th,.s11a-bytes td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:right;font-weight:400;color:var(--muted)}
.s11a-bytes thead th{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.s11a-bytes th[scope=row]{text-align:left;color:var(--ink);font-weight:700}
.s11a-bytes td.is-on{color:var(--ink-deep);font-weight:700}
.s11a-bytes td.s11a-bytes-out{text-align:center}
.s11a-bytes tfoot th,.s11a-bytes tfoot td{border-bottom:0;color:var(--ink-deep);font-weight:700}
.s11a-bytes tfoot td span{font-weight:400;color:var(--muted)}

/* ---------- Figure 48: persistent state ---------- */
.s11a-state-stage{padding-bottom:16px}
.s11a-sseg{outline:none;cursor:pointer}
.s11a-sseg rect{stroke:var(--cream-hi);stroke-width:1;transition:stroke .2s,stroke-width .2s,filter .2s}
.s11a-sseg--main rect{fill:#9dbcbe}
.s11a-sseg--m1 rect{fill:#b8cfd0}
.s11a-sseg--m2 rect{fill:#d2e1e1}
.s11a-sseg--w rect{fill:#c8c9c8}
.s11a-sseg--fwd rect{fill:#f6dca0}
.s11a-sseg--dgrad rect{fill:#f9c3dc}
.s11a-sseg.is-focus rect,.s11a-sseg:focus-visible rect{stroke:var(--pink);stroke-width:2.6}
.s11a-t--seg{font-size:12px;fill:var(--ink-deep);pointer-events:none}
.s11a-t--rowname{font-size:14px;font-weight:700;fill:var(--ink-deep)}
.s11a-t--total{font-size:14px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-brace{fill:none;stroke:var(--muted);stroke-width:1}
.s11a-swap{fill:none;stroke:var(--muted);stroke-width:1.1;stroke-dasharray:4 3}
.s11a-swap-head{fill:var(--muted)}
.s11a-delta{fill:none;stroke:var(--pink-deep);stroke-width:1.4}
.s11a-t--delta{font-size:12.5px;font-weight:700;fill:var(--pink-deep)}
.s11a-facts--state{grid-template-columns:1fr 1fr 1.3fr;align-self:start}
.s11a-insp-part{min-height:96px}
.s11a-inspector--below .s11a-insp-part{padding-left:24px;border-left:1px solid var(--line)}

/* ---------- Figure 49: bit layouts ---------- */
.s11a-fmt-stage{padding:16px 22px 14px}
.s11a-fmt-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;font-size:12.5px;color:var(--ink)}
.s11a-fmt-legend span{display:inline-flex;align-items:center;gap:7px}
.s11a-fmt-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--line-strong)}
.s11a-fmt-legend .s11a-fmt-legend-hint{margin-left:auto;color:var(--muted)}
.s11a-fmt-rows{display:grid;gap:4px}
.s11a-fmt-row{display:grid;grid-template-columns:96px minmax(0,auto) minmax(180px,1fr);grid-template-areas:"name bits val" "name bits role";column-gap:20px;align-items:center;padding:8px 10px;border-radius:10px;transition:background-color .2s}
.s11a-fmt-row:hover,.s11a-fmt-row:focus-within{background:var(--teal-wash)}
.s11a-fmt-row.is-pinned{background:var(--pink-wash)}
.s11a-fmt-name{grid-area:name;display:flex;flex-direction:column;line-height:1.25}
.s11a-fmt-name b{font-size:16px;color:var(--ink-deep)}
.s11a-fmt-name span{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.s11a-bits{grid-area:bits;display:grid;gap:2px;justify-self:start}
.s11a-bits--16{grid-template-columns:repeat(16,26px)}
.s11a-bits--8{grid-template-columns:repeat(8,26px)}
.s11a-bit{display:grid;place-items:center;width:26px;height:30px;padding:0;border:1px solid rgba(28,43,51,.24);border-radius:4px;font:inherit;font-size:13px;font-weight:700;color:var(--ink-deep);cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s}
.s11a-bit:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(10,43,53,.16)}
.s11a-bit:focus-visible{outline:2.5px solid var(--pink);outline-offset:1px}
.s11a-bit[aria-pressed="false"]{color:var(--ink-soft);font-weight:400}
.s11a-bit:disabled{cursor:default;opacity:.4}
.s11a-bit--sign{background:var(--s11a-sign)}
.s11a-bit--exp{background:var(--s11a-exp)}
.s11a-bit--man{background:var(--s11a-man)}
.s11a-fmt-legend i.s11a-bit--sign{background:var(--s11a-sign)}
.s11a-fmt-legend i.s11a-bit--exp{background:var(--s11a-exp)}
.s11a-fmt-legend i.s11a-bit--man{background:var(--s11a-man)}
.s11a-fmt-val{grid-area:val;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.s11a-fmt-val b{font-size:16px;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-fmt-val span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.report-content .s11a-fig .s11a-fmt-role{grid-area:role;font-size:12px;color:var(--muted)}
.s11a-fmt-range{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.s11a-range-sub{opacity:.45}
.s11a-range--bf16{fill:var(--s11a-bf-line)}
.s11a-range--e4m3{fill:#c08a2b}
.s11a-range--e5m2{fill:#d9b56a}
.s11a-range--e8m0{fill:#8aa7a9}
.s11a-t--rlab{font-size:12px;font-weight:700;fill:var(--ink-deep)}
.s11a-t--rangeend{font-size:11px;fill:#fff;font-weight:700}
.s11a-t--rangeend-e8m0{fill:var(--ink-deep)}
.s11a-range-mark{stroke:var(--pink);stroke-width:2}
.s11a-t--mark{font-size:11.5px;font-weight:700;fill:var(--pink-deep)}
.s11a-details{margin-top:10px;font-size:13px}
.s11a-details summary{cursor:pointer;font-weight:700;color:var(--teal-deep);padding:4px 0}
.s11a-details summary:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px;border-radius:4px}
.s11a-table-scroll{overflow-x:auto}
.s11a-fmt-table{width:100%;margin-top:6px;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.s11a-fmt-table th,.s11a-fmt-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.s11a-fmt-table thead th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.s11a-fmt-table th[scope=row]{color:var(--ink-deep)}

/* ---------- Figure 50: quantize / dequantize ---------- */
.s11a-qdq-stage{padding:16px 22px 16px}
.report-content .s11a-fig .s11a-pipe-kicker{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink-deep)}
.s11a-pipe{display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1.25fr) 96px minmax(0,1fr);align-items:center;margin:0 0 14px}
.s11a-pipe-pair{display:grid;gap:6px;min-width:0}
.s11a-pipe-box{min-width:0;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line-strong);background:var(--cream)}
.s11a-pipe-box--x,.s11a-pipe-box--xh{background:var(--s11a-bf);border-color:var(--s11a-bf-line)}
.s11a-pipe-box--q{background:var(--s11a-q);border-color:var(--s11a-q-line)}
.s11a-pipe-box--s{background:var(--s11a-s);border-color:var(--s11a-s-line)}
.report-content .s11a-fig .s11a-pipe-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.report-content .s11a-fig .s11a-pipe-val{font-size:18px;font-weight:700;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.report-content .s11a-fig .s11a-pipe-detail{font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.s11a-pipe-op{display:flex;align-items:center;justify-content:center;height:30px;position:relative}
.s11a-pipe-op::before{content:'';position:absolute;left:8px;right:10px;top:50%;height:1.5px;background:var(--muted)}
.s11a-pipe-op::after{content:'';position:absolute;right:6px;top:calc(50% - 5px);border:5px solid transparent;border-left:8px solid var(--muted);border-right:0}
.s11a-pipe-op span{position:relative;z-index:1;padding:2px 7px;border-radius:6px;background:var(--cream-hi);font-size:11.5px;font-weight:700;color:var(--teal-deep)}
.s11a-qdq-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(220px,1fr);gap:22px;align-items:start;padding-top:12px;border-top:1px solid var(--line)}
.s11a-qdq-facts .s11a-facts{grid-template-columns:1fr}
.s11a-col{outline:none;cursor:crosshair}
.s11a-col-hit{fill:transparent}
.s11a-col.is-sel .s11a-col-hit{fill:var(--teal-wash)}
.s11a-col:focus-visible .s11a-col-hit{fill:var(--teal-wash);stroke:var(--pink);stroke-width:2.5}
.s11a-xbar{fill:var(--s11a-bf);stroke:var(--s11a-bf-line);stroke-width:.8}
.s11a-col.is-sel .s11a-xbar{fill:#a9c6c7}
.s11a-xhat{fill:var(--pink);stroke:var(--cream-hi);stroke-width:1.2}
.s11a-errbar{fill:var(--s11a-q-line);opacity:.75}
.s11a-col.is-clip .s11a-errbar{fill:var(--pink-deep);opacity:1}
.s11a-col.is-loss .s11a-errbar{fill:var(--s11a-slow);opacity:1}
.s11a-clip{stroke:var(--pink-deep);stroke-width:1;stroke-dasharray:3 3}
.s11a-t--clip{font-size:11.5px;fill:var(--pink-deep);font-weight:700}

/* ---------- Figure 51: block quantization ---------- */
.s11a-blockq-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.s11a-blk{outline:none;cursor:pointer}
.s11a-blk rect{transition:stroke .2s,stroke-width .2s,opacity .2s}
.s11a-blk-bf,.s11a-blk-q,.s11a-blk-s{stroke:rgba(28,43,51,.28);stroke-width:.8}
.s11a-g0 .s11a-blk-bf{fill:#e6eeee}.s11a-g1 .s11a-blk-bf{fill:#faebdc}.s11a-g2 .s11a-blk-bf{fill:#e8f1e6}.s11a-g3 .s11a-blk-bf{fill:#fde4ef}
.s11a-g0 .s11a-blk-q{fill:var(--s11a-g0)}.s11a-g1 .s11a-blk-q{fill:var(--s11a-g1)}.s11a-g2 .s11a-blk-q{fill:var(--s11a-g2)}.s11a-g3 .s11a-blk-q{fill:var(--s11a-g3)}
.s11a-g0 .s11a-blk-s{fill:#8fb1b3}.s11a-g1 .s11a-blk-s{fill:#e9ad6e}.s11a-g2 .s11a-blk-s{fill:#99c792}.s11a-g3 .s11a-blk-s{fill:#f491bf}
.s11a-blk-shit{fill:transparent;stroke:none!important}
.s11a-blk.is-focus .s11a-blk-bf,.s11a-blk.is-focus .s11a-blk-q,.s11a-blk.is-focus .s11a-blk-s,.s11a-blk:focus-visible .s11a-blk-bf,.s11a-blk:focus-visible .s11a-blk-q{stroke:var(--pink);stroke-width:2.4}
.s11a-blk-caret{fill:var(--pink)}
.s11a-t--caret{font-size:11.5px;font-weight:700;fill:var(--pink-deep)}
.s11a-blk-frame{fill:none;stroke:var(--ink-deep);stroke-opacity:.6;stroke-width:1.1}
.s11a-t--blk{font-size:12px;fill:var(--ink-deep);pointer-events:none}
.s11a-t--sidx{font-size:11px;font-weight:700;fill:var(--ink-deep);pointer-events:none;font-variant-numeric:tabular-nums}
.s11a-blockq-side{min-height:84px;padding-top:12px;border-top:1px solid var(--line)}
.s11a-blockq-side .s11a-addr>div{grid-template-columns:110px 1fr}

/* ---------- Figure 52: swizzle ---------- */
.s11a-swz-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.s11a-swz-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 28px}
.s11a-swz-side>.s11a-part-name,.s11a-swz-side>.s11a-formula{grid-column:1}
.s11a-slot{fill:none;stroke:rgba(28,43,51,.14);stroke-width:1;stroke-dasharray:3 3}
.s11a-slot.is-cur{stroke:var(--pink);stroke-width:2;stroke-dasharray:none}
.s11a-swz-guide{stroke:var(--line-strong);stroke-width:1}
.s11a-swz-arrow{fill:none;stroke:var(--muted);stroke-width:1.4}
.s11a-t--panel{font-size:12.5px;font-weight:700;fill:var(--ink-deep)}
.s11a-swz{transition:transform .45s var(--ease),opacity .25s}
.is-static .s11a-swz{transition:none}
.s11a-swz-main{min-width:0}
.s11a-swz-mini-ctl,.s11a-swz-hw-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:0 0 12px}
.s11a-swizzle[data-mode="mini"] .s11a-only-hw,.s11a-swizzle[data-mode="hw"] .s11a-only-mini{display:none!important}
.s11a-swz-host{max-width:820px;margin:0 auto}
.s11a-swizzle[data-mode="hw"] .s11a-swz-host{max-width:640px}
.s11a-swz{outline:none;cursor:pointer}
.s11a-swz rect{stroke:rgba(28,43,51,.3);stroke-width:.8;transition:stroke .2s,stroke-width .2s}
.s11a-swz.s11a-g0 rect{fill:var(--s11a-g0)}.s11a-swz.s11a-g1 rect{fill:var(--s11a-g1)}.s11a-swz.s11a-g2 rect{fill:var(--s11a-g2)}.s11a-swz.s11a-g3 rect{fill:var(--s11a-g3)}
.s11a-swz.is-dim{opacity:.35}
.s11a-swz.is-lit rect{stroke:var(--ink-deep);stroke-width:1.6}
.s11a-swz.is-cur rect,.s11a-swz:focus-visible rect{stroke:var(--pink);stroke-width:2.8}
.s11a-t--cell{font-size:11.5px;fill:var(--ink-deep);pointer-events:none;font-variant-numeric:tabular-nums}
.s11a-swz-frame{fill:none;stroke:var(--line-strong);stroke-dasharray:3 3}
.s11a-swz-axis{transition:opacity .2s}
.s11a-hw-band{stroke:rgba(28,43,51,.25);stroke-width:.6}
.s11a-hw-band.s11a-g0{fill:var(--s11a-g0)}.s11a-hw-band.s11a-g1{fill:var(--s11a-g1)}.s11a-hw-band.s11a-g2{fill:var(--s11a-g2)}.s11a-hw-band.s11a-g3{fill:var(--s11a-g3)}
.s11a-hw-row{fill:rgba(10,43,53,.16)}
.s11a-hw-cur{fill:var(--pink)}
.s11a-hw-mate{fill:var(--ink-deep);opacity:.6}
.s11a-hw-cell{cursor:pointer;stroke:none}
.s11a-hw-cell.s11a-g0{fill:var(--s11a-g0)}.s11a-hw-cell.s11a-g1{fill:var(--s11a-g1)}.s11a-hw-cell.s11a-g2{fill:var(--s11a-g2)}.s11a-hw-cell.s11a-g3{fill:var(--s11a-g3)}
.s11a-hw-cell.is-mate{stroke:var(--ink-deep);stroke-width:1}
.s11a-hw-cell.is-cur{fill:var(--pink);stroke:var(--pink-deep);stroke-width:1.2}
[data-s11a-hw-host]:focus-visible{outline:2.5px solid var(--pink);outline-offset:4px;border-radius:6px}

/* ---------- Figure 53: granularity ---------- */
.s11a-gran-stage{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(220px,1fr);gap:24px;align-items:start}
.s11a-gcell{stroke:none;cursor:crosshair}
.s11a-gcell--ok{fill:#9fc0c2}
.s11a-gcell--sub{fill:#f2c46d}
.s11a-gcell--zero{fill:var(--s11a-slow)}
.s11a-gcell.is-out{stroke:var(--ink-deep);stroke-width:2}
.s11a-gcell.is-cur{stroke:var(--pink-deep);stroke-width:2.4}
.s11a-ggroup{fill:none;stroke:var(--ink-deep);stroke-width:1.4}
.s11a-t--scale{font-size:12px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-gran-side .s11a-facts{grid-template-columns:1fr 1fr}
.s11a-gran-key{display:grid;gap:4px;margin:14px 0 0!important;font-size:12.5px;color:var(--ink)}
.s11a-gran-key li{display:flex;align-items:center;gap:8px}
.s11a-gran-key i{display:inline-block;width:14px;height:14px;border-radius:3px}
.s11a-gran-key i.s11a-gcell--ok{background:#9fc0c2}.s11a-gran-key i.s11a-gcell--sub{background:#f2c46d}.s11a-gran-key i.s11a-gcell--zero{background:var(--s11a-slow)}
.s11a-gran-cell{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}

/* ---------- Figure 54: measured overhead ---------- */
.s11a-ovh-stage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:24px;align-items:start}
.s11a-control--wrap .s11a-seg{max-width:100%}
.s11a-control--wrap .s11a-seg button{padding:0 10px;font-variant-numeric:tabular-nums}
.s11a-t--lane{font-size:13.5px;font-weight:700;fill:var(--ink-deep)}
.s11a-t--lanesub{font-size:11px;fill:var(--muted)}
.s11a-t--laneval{font-size:12.5px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-t--inbar{font-size:11.5px;fill:var(--ink-soft);font-weight:700}
.s11a-t--sp{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.s11a-t--sp.is-fast{fill:var(--s11a-fast)}
.s11a-t--sp.is-slow{fill:var(--s11a-slow)}
.s11a-lane{outline:none}
.s11a-lane--bf .s11a-lane-bar{fill:#c4c6c4}
.s11a-lane--fast .s11a-lane-bar,.s11a-lane--fast .s11a-lane-gemm,.s11a-lane--slow .s11a-lane-gemm{fill:var(--teal)}
.s11a-lane--slow .s11a-lane-bar{fill:var(--teal)}
.s11a-lane-over{fill:var(--s11a-slow-wash);stroke:var(--s11a-slow-mark);stroke-width:1.2}
.s11a-lane--fast .s11a-lane-over{fill:#e6eeee;stroke:var(--teal)}
.s11a-bfline{stroke:var(--ink-deep);stroke-width:1.3;stroke-dasharray:4 3}
.s11a-t--bfline{font-size:11.5px;font-weight:700;fill:var(--ink-deep)}
.s11a-ovh-read{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.report-content .s11a-fig .s11a-eq{font-size:16px;color:var(--ink-deep);font-variant-numeric:tabular-nums}
.s11a-eq b{display:inline-block;margin:0 6px;font-size:18px}
.s11a-eq b.is-fast,.s11a-eq-num b{color:var(--s11a-fast)}
.s11a-eq b.is-slow{color:var(--s11a-slow)}
.report-content .s11a-fig .s11a-eq-num{margin:4px 0 6px;font-size:13.5px;color:var(--ink-soft)}
.report-content .s11a-fig .s11a-eq-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.report-content .s11a-fig blockquote.s11a-quote--eq{margin:6px 0 12px;font-size:13px}
.s11a-facts--ovh{grid-template-columns:1fr 1fr}
.s11a-ovh-side{display:flex;flex-direction:column;gap:10px;padding-left:22px;border-left:1px solid var(--line);min-width:0}
.s11a-curve{fill:none;stroke-width:2.2}
.s11a-curve--raw{stroke:var(--teal)}
.s11a-curve--cached{stroke:var(--s11a-cached)}
.s11a-curve--dynamic{stroke:var(--ink-deep);stroke-dasharray:2 3}
.s11a-curve-pt{stroke:var(--cream-hi);stroke-width:1}
.s11a-curve-pt.s11a-curve--raw{fill:var(--teal)}.s11a-curve-pt.s11a-curve--cached{fill:var(--s11a-cached)}.s11a-curve-pt.s11a-curve--dynamic{fill:var(--ink-deep)}
.s11a-curve-pt.is-cur{stroke-width:2}
.s11a-cursor{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3;opacity:.6}

/* ---------- Table companions ---------- */
.s11a-tool{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--cream-hi);color:var(--teal-deep);font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.s11a-tool:hover{border-color:var(--teal-line)}
.s11a-tool--plot[aria-pressed="true"]{background:var(--ink-deep);border-color:var(--ink-deep);color:var(--cream)}
.s11a-tool-seg{display:inline-flex;padding:2px;border-radius:999px;background:var(--cream-lo);border:1px solid var(--line)}
.s11a-tool-seg .s11a-tool{min-height:28px;border:0;background:none;color:var(--muted)}
.s11a-tool-seg .s11a-tool[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)}
.s11a-tool:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px}
.s11a-only-phone{display:none!important}
.s11a-tplot{position:relative;margin:0 0 12px;padding:14px 18px 10px;font-size:14px;line-height:1.5}
.s11a-tplot[hidden]{display:none}
.report-content .s11a-tplot .s11a-tplot-note{margin:4px 0 2px;max-width:860px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.s11a-tplot-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.s11a-tplot-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.s11a-tplot-title b{color:var(--ink-deep)}
.s11a-tplot .s11a-control-label{display:none}
.s11a-tplot-head .s11a-legend--hw{margin-left:auto;font-size:12.5px}
.s11a-sw{display:inline-block;width:14px;height:10px;border-radius:3px}
.s11a-sw--bf16{background:#b9d0d1}.s11a-sw--fp8{background:var(--teal)}.s11a-sw--fp4{background:var(--s11a-fp4)}
.s11a-legend--dumb{margin:0 0 6px;font-size:12.5px}
.s11a-legend--dumb .s11a-legend-note{color:var(--muted)}
.s11a-dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.s11a-dot--from{background:var(--cream-hi);border:2px solid var(--teal)}
.s11a-dot--to{background:var(--teal)}
.s11a-dot--ghost{background:var(--muted);opacity:.55;width:7px;height:7px}
tr.s11a-row-focus>td{background:var(--teal-wash)}
.s11a-t--gpu{font-size:13.5px;font-weight:700;fill:var(--ink-deep)}
.s11a-t--gpusub{font-size:11.5px;fill:var(--muted)}
.s11a-t--gpusub.is-native{fill:var(--teal-deep);font-weight:700}
.s11a-t--na{font-size:12px;fill:var(--muted);font-style:italic}
.s11a-t--barlab{font-size:11px;font-weight:700;fill:var(--ink-deep);pointer-events:none}
.s11a-t--barval{font-size:12px;font-weight:700;fill:var(--ink-deep);font-variant-numeric:tabular-nums;pointer-events:none}
.s11a-hbar{outline:none;cursor:default}
.s11a-hbar rect{transition:opacity .2s,width .35s var(--ease)}
.s11a-hbar--bf16 rect{fill:#b9d0d1}
.s11a-hbar--fp8 rect{fill:var(--teal)}
.s11a-hbar--fp8 .s11a-t--barlab{fill:#fff}
.s11a-hbar--fp4 rect{fill:var(--s11a-fp4)}
.s11a-hwrow:not(.is-focus) .s11a-hbar rect{opacity:.92}
.s11a-hwplot-svg:has(.s11a-hwrow.is-focus) .s11a-hwrow:not(.is-focus){opacity:.45}
.s11a-hbar:focus-visible rect{stroke:var(--pink);stroke-width:2.5}
.s11a-xcell{outline:none;cursor:crosshair}
.s11a-xcell rect{stroke:var(--cream-hi);stroke-width:1}
/* Diverging ramp: teal faster than BF16, warm brown slower. Text: ink-deep on
   levels 1-3 (5.4:1 or better), white on the darkest teal (5.3:1). */
.s11a-x-fast.s11a-x-l1 rect{fill:#d6e6e6}.s11a-x-fast.s11a-x-l2 rect{fill:#a9c7c9}.s11a-x-fast.s11a-x-l3 rect{fill:#7aa6a9}.s11a-x-fast.s11a-x-l4 rect{fill:#3f7478}
.s11a-x-slow.s11a-x-l1 rect{fill:#f6ede2}.s11a-x-slow.s11a-x-l2 rect{fill:#ead8c2}.s11a-x-slow.s11a-x-l3 rect{fill:#dcbf9d}.s11a-x-slow.s11a-x-l4 rect{fill:#c9a179}
.s11a-t--xval{font-size:11.5px;font-weight:700;fill:var(--ink-deep);pointer-events:none;font-variant-numeric:tabular-nums}
.s11a-x-fast.s11a-x-l4 .s11a-t--xval{fill:#fff}
.s11a-xcell:hover rect{stroke:var(--ink-deep);stroke-width:2}
.s11a-xcell.is-cur rect{stroke:var(--pink);stroke-width:2.5}
.s11a-xcell:focus-visible rect{stroke:var(--pink);stroke-width:3}
.s11a-t--xrow{font-size:12px;fill:var(--ink);font-variant-numeric:tabular-nums}
.s11a-xfam{fill:none;stroke:var(--line-strong);stroke-width:1}
.s11a-xfam.is-lit{stroke:var(--pink);stroke-width:2}
.s11a-thr{stroke:var(--pink-deep);stroke-width:3;stroke-linecap:round}
.s11a-db{outline:none;cursor:default}
.s11a-db-hit{fill:transparent}
.s11a-db.is-focus .s11a-db-hit,.s11a-db:focus-visible .s11a-db-hit{fill:var(--teal-wash)}
.s11a-db:focus-visible .s11a-db-hit{stroke:var(--pink);stroke-width:2.5}
.s11a-db-ghost{fill:var(--muted);opacity:.55}
.s11a-db-line{fill:none;stroke:var(--teal);stroke-width:2}
.s11a-db-head{fill:var(--teal)}
.s11a-db-from{fill:var(--cream-hi);stroke:var(--teal);stroke-width:2}
.s11a-db-to{fill:var(--teal);stroke:var(--cream-hi);stroke-width:1.5}
.s11a-db.is-slow .s11a-db-line{stroke:var(--s11a-slow-mark)}
.s11a-db.is-slow .s11a-db-head{fill:var(--s11a-slow-mark)}
.s11a-db.is-slow .s11a-db-to{fill:var(--s11a-slow-mark)}
.s11a-t--dbval{font-size:13px;font-weight:700;fill:var(--teal-deep);font-variant-numeric:tabular-nums}
.s11a-t--dbval.is-slow{fill:var(--s11a-slow)}
.s11a-t--one{font-size:11.5px;font-weight:700;fill:var(--ink-deep)}
.s11a-cards,.report-content .s11a-cards{display:grid;gap:10px;margin:0 0 4px;padding:0;list-style:none}
.s11a-cards[hidden]{display:none}
.report-content .s11a-cards li{margin:0}
.s11a-card{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--cream-hi)}
.report-content .s11a-card-title{margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink-deep)}
.s11a-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0;font-size:13px}
.s11a-card-grid dt{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.s11a-card-grid dt strong{font-weight:700}
.s11a-card-grid dt br{display:none}
.s11a-card-grid dd{margin:2px 0 0;font-variant-numeric:tabular-nums}
.s11a-card-wide{grid-column:1/-1}
.s11a-card-span2{grid-column:span 2}
.s11a-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.s11a-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.s11a-cards-on .table-viewport,.s11a-cards-on>.table-scroll{display:none}

/* ---------- Container layouts ---------- */
@container s11a (max-width:900px){
 .s11a-mma-stage,.s11a-swz-stage,.s11a-ovh-stage,.s11a-gran-stage{grid-template-columns:minmax(0,1fr)}
 .s11a-inspector{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
 .s11a-ovh-side{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
 .s11a-insp-sel{min-height:0}
 .s11a-mma-host,.s11a-swz-host{margin:0 auto}
 .s11a-insp-bytes{max-width:560px}
}
@container s11a (max-width:760px){
 .s11a-qdq-grid{grid-template-columns:minmax(0,1fr)}
 .s11a-qdq-facts .s11a-facts{grid-template-columns:1fr 1fr}
 .s11a-fmt-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "bits" "val" "role";row-gap:6px}
 .s11a-fmt-name{flex-direction:row;align-items:baseline;gap:10px}
 .s11a-inspector--below{grid-template-columns:minmax(0,1fr)}
 .s11a-inspector--below .s11a-insp-part{padding-left:0;border-left:0}
 .s11a-facts--state{grid-template-columns:1fr 1fr}
}
@container s11a (max-width:600px){
 .s11a-stage{padding:14px 12px 14px}
 .s11a-controls{gap:10px 16px}
 .s11a-swipe{display:flex}
 .s11a-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px 6px}
 .s11a-mma-host{max-width:360px}
 .s11a-mma-legend{display:flex!important}
 .s11a-swz-host[data-s11a-swz]{width:auto}
 .s11a-swz-side{grid-template-columns:minmax(0,1fr)}
 .s11a-swizzle[data-mode="hw"] .s11a-swz-host{width:570px;max-width:none}
 .s11a-swizzle[data-mode="hw"] .s11a-scroll--swz .s11a-swipe{display:flex!important}
 /* Phones: BF16 wraps into two 8-bit lines so every bit is a 26 px+ target. */
 .s11a-bits--16,.s11a-bits--8{grid-template-columns:repeat(8,minmax(26px,40px));width:100%;row-gap:4px}
 .s11a-bit{width:auto;min-width:0;height:32px;font-size:13px}
 .s11a-pipe{grid-template-columns:minmax(0,1fr)}
 .s11a-pipe-pair{grid-template-columns:1fr 1fr}
 .s11a-pipe-op{height:34px;justify-content:flex-start;padding-left:42px}
 .s11a-pipe-op::before{left:24px;right:auto;top:3px;bottom:9px;width:1.5px;height:auto}
 .s11a-pipe-op::after{right:auto;left:19.5px;top:auto;bottom:2px;border:5px solid transparent;border-top:8px solid var(--muted);border-bottom:0}
 .s11a-facts,.s11a-facts--ovh,.s11a-gran-side .s11a-facts{grid-template-columns:1fr 1fr}
 .s11a-control--wrap{width:100%}
 .s11a-ovh .s11a-range{width:100%}
 .s11a-ovh .s11a-range input[type=range]{flex:1;width:auto}
 .s11a-fmt-legend .s11a-fmt-legend-hint{margin-left:0;width:100%}
}
@media (max-width:700px){
 .s11a-only-phone{display:inline-flex!important}
 .s11a-tplot{padding:12px 10px 8px}
 .s11a-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Forced colours: keep the switch and the selected segment visible. */
@media (forced-colors:active){
 .s11a-switch-ui{border:1px solid CanvasText;background:Canvas}
 .s11a-switch-ui::after{background:CanvasText;forced-color-adjust:none}
 .s11a-switch input:checked+.s11a-switch-ui{background:Highlight}
 .s11a-seg button[aria-pressed="true"],.s11a-tool-seg .s11a-tool[aria-pressed="true"],.s11a-tool--plot[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
}
@media (prefers-reduced-motion:reduce){
 .s11a-fig *,.s11a-tplot *{transition:none!important;animation:none!important}
}