.plx{--bg:var(--paper);--panel:#fffefa;--text:var(--ink);--muted:var(--ink-soft);--line:#c9d2ce;--lane:#1a3037;--teal:#0c7065;--on-teal:#fff;--copper:var(--copper-text);--copper-soft:var(--copper-on-night);--bar:#6d8c86;--mono:"DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--sans:inherit;background:var(--bg);color:var(--text);max-width:none;padding:0}.plx>section{width:var(--shell-width);margin-inline:auto;padding-inline:0}.plx .stage{--panel:var(--night-panel);--text:var(--on-night);--muted:var(--on-night-soft);--line:var(--night-line);--lane:#1a3037;--teal:var(--mint);--copper:var(--copper-on-night);--copper-soft:#7a4b2c;--bar:#56707a;color:var(--text);border-color:var(--night-line)}.plx h2{font:700 clamp(2rem, 4.6vw, 3.4rem)/1 var(--sans);letter-spacing:-.06em;margin:.2rem 0 .8rem}.plx h3{font:700 1.3rem/1.3 var(--sans);margin:0 0 .5rem}.plx p{max-width:var(--lab-measure);margin:0 0 1rem}.plx a{color:var(--teal)}.plx .eyebrow{color:var(--teal);font:500 .8rem/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.plx .intro,.plx .guide,.plx .bench{margin-top:clamp(3rem,6vw,5.5rem)}.plx .guide-lede{color:var(--muted)}.plx .presets{gap:3rem;min-width:0;display:grid}.plx .preset{border-top:1px solid var(--line);padding-top:1rem;scroll-margin-top:1rem}.plx .chapter-n{background:var(--panel);border:1px solid var(--line);width:1.9rem;height:1.9rem;color:var(--copper);font:500 .9rem/1 var(--mono);place-items:center;margin-right:.4rem;display:inline-grid}.plx .preset-caption{font-size:1.05rem}.plx .stage :focus-visible{outline-color:var(--mint)}.plx .controls{border:1px solid var(--line);border-top:4px solid var(--teal);background:var(--panel);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-bottom:1.25rem;padding:1.35rem;display:grid}.plx .control{min-width:0;font:500 .85rem/1.3 var(--mono);color:var(--muted);gap:.3rem;display:grid}.plx .control output{min-width:6ch;color:var(--copper);font-weight:700;display:inline-block}.plx select{text-overflow:ellipsis;border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;min-height:44px;color:var(--text);font:1rem var(--sans);padding:0 .5rem}.plx input[type=range]{width:100%;min-height:44px;accent-color:var(--teal)}.plx .stage{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.25rem;display:grid}.plx .stage-read{min-width:0}.plx .stage-label{color:var(--muted);font:500 .8rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.plx .stage-speed{height:1.1em;color:var(--teal);font:700 clamp(2rem, 5vw, 2.8rem)/1.1 var(--mono);white-space:nowrap;margin:0 0 .5rem}.plx .stage-binding{min-height:var(--binding-h,5.8em);font-weight:600}.plx .stage-facts{height:var(--facts-h,15.4em);color:var(--muted);margin:0;padding:0 0 0 1.1rem;font-size:.92rem;line-height:1.45;overflow-y:auto}.plx .stage-prev{min-height:2.9em;color:var(--muted);margin:.6rem 0 0;font-size:.85rem}.plx .stage-visual{gap:1rem;min-width:0;display:grid}.plx .stage-fig{min-width:0;margin:0}.plx .stage-cap{color:var(--muted);margin-bottom:.4rem;font-size:.9rem}.plx .chart{width:100%;min-width:0}.plx .chart-svg{max-width:none;display:block}.plx .chart-note{box-sizing:border-box;border:1px dashed var(--line);color:var(--muted);margin:0;padding:.75rem;font-size:.9rem;overflow:hidden}.plx .chart-svg text{font-family:var(--mono);fill:var(--muted);font-size:12px}.plx .chart-svg .row-text{fill:var(--text)}.plx .chart-svg .row-text.is-binding{font-weight:700}.plx .chart-svg .value-text{fill:var(--text);font-weight:700}.plx .chart-svg .tag-text{fill:var(--copper);font-weight:700}.plx .chart-svg .marker{fill:var(--copper)}.plx .chart-svg .grid{stroke:var(--line);stroke-width:1px}.plx .chart-svg .lane{fill:var(--lane)}.plx .chart-svg .bar{fill:var(--bar)}.plx .chart-svg .bar.is-binding{fill:var(--copper);stroke:var(--text);stroke-width:2px}.plx .chart-svg .bar.is-prev{opacity:.4}.plx .chart-svg .seg-bus{fill:var(--copper)}.plx .chart-svg .seg-xfer{fill:var(--copper-soft)}.plx .chart-svg .seg-prog{fill:var(--teal)}.plx .chart-svg .axis-title{fill:var(--muted)}.plx .stage-legend{color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;margin:.5rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.plx .swatch{vertical-align:-.1rem;width:.9rem;height:.9rem;margin-right:.35rem;display:inline-block}.plx .swatch.bus{background:var(--copper)}.plx .swatch.xfer{background:var(--copper-soft)}.plx .swatch.prog{background:var(--teal)}.plx .swatch.bar{background:var(--bar)}.plx .swatch.slow{background:var(--copper);outline:2px solid var(--text);outline-offset:-2px}.plx .swatch.prev{background:var(--bar);opacity:.4}.plx .lab-dock .controls{background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0;padding:0}.plx .lab-status{min-height:2.6em}.plx [data-output=cache-note]{visibility:hidden;font-weight:400}.plx [data-output=cache-note].is-on{visibility:visible}.plx .lab-share-fallback[hidden]{visibility:hidden;display:block}.plx .terms{grid-template-columns:max-content minmax(0,1fr);gap:.35rem 1rem;margin:0 0 1rem;display:grid}.plx .terms dt{font-weight:700}.plx .terms dd{margin:0}@media (width<=70rem){.plx .lab-dock{max-height:none;box-shadow:none;position:static}}@media (width<=55rem){.plx .stage{--binding-h:4.4em;--facts-h:13.8em;grid-template-columns:minmax(0,1fr);padding:.9rem}.plx .terms{grid-template-columns:minmax(0,1fr);gap:0}.plx .terms dd{margin-bottom:.5rem}}@media (width<=26rem){.plx .stage{--binding-h:5.8em;--facts-h:16.4em}}
