.systems-lab{padding-block:clamp(64px,8vw,110px);border-block:1px solid #d2c9bf}.systems-lab__intro{max-width:800px;margin-bottom:36px}.systems-lab__intro .h2{margin-block:16px}.systems-lab__intro .lead{max-width:58ch}
.systems-lab__choices{display:none;gap:8px;flex-wrap:wrap;margin-bottom:24px}.systems-lab.is-enhanced .systems-lab__choices{display:flex}
.systems-lab button{font:inherit;text-align:start;cursor:pointer;min-height:48px;scroll-margin-block:160px 48px}.systems-lab button:focus-visible,.systems-lab input:focus-visible{outline:3px solid #f2512b;outline-offset:4px}
.systems-lab__choices button{display:flex;gap:16px;align-items:center;padding:12px 22px;background:transparent;border:1px solid #b9b0a7;color:#272529}.systems-lab__choices button[aria-pressed=true]{background:#272529;color:#faf6f0;border-color:#272529}
.systems-lab__stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid #d2c9bf;background:#f2eae1;align-items:stretch}
.systems-lab__map{padding:32px;min-width:0;background:#272529;color:#faf6f0}.systems-lab__map-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid #514a4d;font-size:.8rem}.systems-lab__badge{font-size:.75rem;border:1px solid #696061;padding:6px 10px;white-space:nowrap;color:#d5cbc4}
.systems-lab__flow{padding-block:28px}.systems-lab__source,.systems-lab__hub,.systems-lab__recipient{max-width:230px;margin-inline:auto}
.system-device{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;position:relative;min-width:0;padding:18px 12px;background:#302d30;border:1px solid #655c5d;color:#faf6f0;transition:background .2s,border-color .2s}
.system-device__icon{display:flex;color:#c6bab2}.system-device__label{font-size:.9rem;text-align:center;line-height:1.45}.system-device__state{font-size:.72rem;color:#bdb0a8;text-align:center;line-height:1.45;min-height:2.9em}
.system-device[aria-pressed=true]{outline:1px solid #f9c4a9;outline-offset:4px}.system-device[data-state=responded]{border-color:#de714e;background:#3d302d}.system-device[data-state=responded] .system-device__icon{color:#ffb292}.system-device[data-state=responded] .system-device__state{color:#ffd6bf}
.system-device[data-state=attention]{border-color:#eec379;background:#40362c}.system-device[data-state=attention] .system-device__state,.system-device[data-state=attention] .system-device__icon{color:#f5d296}
.systems-lab__wire{width:1px;height:24px;margin-inline:auto;background:#746365;position:relative}.systems-lab__wire:after{content:"";width:5px;height:5px;border-inline-end:1px solid #b5978a;border-bottom:1px solid #b5978a;position:absolute;bottom:2px;inset-inline-start:-2px;transform:rotate(45deg)}
.systems-lab__branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;padding-top:12px}.systems-lab__branches:before{content:"";position:absolute;top:0;left:16.666%;right:16.666%;height:1px;background:#746365}.systems-lab__branches .system-device:before{content:"";width:1px;height:12px;background:#746365;position:absolute;top:-13px;left:50%}
.systems-lab[data-phase="3"] .systems-lab__branches:before,.systems-lab[data-phase="4"] .systems-lab__branches:before{background:#de714e}
.systems-lab__detail{padding-top:24px;border-top:1px solid #514a4d;min-height:155px}.systems-lab__detail strong{font-weight:500;color:#ffd6bf}.systems-lab__detail p{font-size:.875rem;line-height:1.7;color:#d5cbc4;margin-top:10px}
.systems-lab__story{padding:clamp(28px,3.5vw,50px);min-width:0}.systems-lab__story h3{font-weight:400;font-size:clamp(1.8rem,2.4vw,2.75rem);line-height:1.2;letter-spacing:-.03em;margin-block:18px}.systems-lab__story>[data-trigger]{font-size:1rem;line-height:1.7;color:#60544c}
.systems-lab__controls{display:none;flex-wrap:wrap;gap:8px;margin-block:24px}.is-enhanced .systems-lab__controls{display:flex}.systems-lab__controls button{padding:12px 16px;border:1px solid #b9b0a7;background:transparent;color:#272529;font-size:.875rem}.systems-lab__controls .sim-primary{background:#b23a1c;border-color:#b23a1c;color:#faf6f0}.systems-lab__controls button:disabled{opacity:.45;cursor:default}
.systems-lab__condition{display:none;gap:12px;align-items:center;padding:12px 0 22px;font-size:.9rem;line-height:1.6;border-bottom:1px solid #d2c9bf;cursor:pointer;min-height:48px}.is-enhanced .systems-lab__condition{display:flex}.systems-lab__condition input{width:22px;height:22px;flex:none;accent-color:#b23a1c}
.systems-lab__timeline{list-style:none;margin:24px 0 0;padding:0}.systems-lab__timeline li{display:flex;gap:16px;border-inline-start:2px solid #c4b6a8;padding:12px 16px;color:#7b6b5e;font-size:.875rem;line-height:1.65}.systems-lab__timeline li>span{font-variant-numeric:tabular-nums;font-size:.72rem;padding-top:3px;flex:none}.systems-lab__timeline li[data-state=current]{border-color:#b23a1c;background:#e9d9c9;color:#272529}.systems-lab__timeline li[data-state=done]{border-color:#a85a3d;color:#4c3e35}
.systems-lab__summary{font-size:.875rem;line-height:1.75;margin-top:24px;min-height:4em;color:#6e3b27}.systems-lab__note{font-size:.8rem;line-height:1.8;max-width:100ch;margin-top:24px;color:#655a50}
[dir=rtl] .systems-lab__story h3{line-height:1.5;letter-spacing:0}
@media(max-width:999px){.systems-lab__stage{display:flex;flex-direction:column}.systems-lab__map{padding:28px;order:5}.systems-lab__story{display:contents}.systems-lab__story>.eyebrow{order:0;margin:28px 24px 0}.systems-lab__story>h3{order:1;margin:18px 24px}.systems-lab__story>[data-trigger]{order:2;margin:0 24px}.systems-lab__controls{order:3;margin:20px 0 0;padding:16px 20px;background:#f2eae1;position:sticky;top:var(--hdr-h,80px);z-index:4;border-bottom:1px solid #d2c9bf}.systems-lab__condition{order:4;margin:0 24px;padding-block:18px}.systems-lab__timeline{order:6;margin:24px}.systems-lab__summary{order:7;margin:0 24px 28px}.systems-lab__detail{min-height:0}.systems-lab__choices button{flex:1 1 auto;justify-content:center}}
@media(max-width:479px){.systems-lab__map{padding:22px 16px}.systems-lab__branches{grid-template-columns:1fr;gap:14px;padding-inline-start:20px;margin-inline:12px;padding-top:0;border-inline-start:1px solid #746365}.systems-lab__branches:before{display:none}.systems-lab__branches .system-device{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px 12px;text-align:start;padding:16px}.systems-lab__branches .system-device:before{width:20px;height:1px;top:50%;inset-inline-start:-21px;left:auto}.systems-lab__branches .system-device__label{flex:1;text-align:start}.systems-lab__branches .system-device__state{flex-basis:100%;padding-inline-start:44px;text-align:start;min-height:0}.systems-lab__source,.systems-lab__hub,.systems-lab__recipient{max-width:100%}.systems-lab__map-head{align-items:flex-start}.systems-lab__badge{white-space:normal;text-align:end}.systems-lab__choices button{padding:12px 14px;min-height:52px}.systems-lab__controls button{flex:1 1 auto;text-align:center}.systems-lab__story{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.system-device{transition:none}}
@media print{.systems-lab__choices,.systems-lab__controls,.systems-lab__condition{display:none!important}.systems-lab__stage{display:block}.systems-lab__map{color:#272529;background:#faf6f0}.systems-lab__detail p{color:#272529}}