:root{color:#243434;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#f7f9f7;--panel:#edf1ee;--border:#cbd4cf;--muted:#586960;--accent:#176456;--accent-soft:#dcebe3;--stage:#142b2d;--stage-text:#e6eeea;--stage-muted:#a6bbb6;--warning:#88621e;--radius:12px;--target:48px;--shadow:0 8px 24px #183b2b0b, 0 1px 2px #183b2b12;background:#e9eeec;font-family:Segoe UI,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-inline-size:0;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.3}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[dir=ltr]{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.skip-link{z-index:10;background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:12px 20px;position:fixed;inset-block-start:10px;inset-inline-start:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.simulation-shell{padding-block-end:24px}.simulation-heading{justify-content:space-between;align-items:center;gap:16px;margin-block-end:16px;display:flex}.simulation-heading h2{font-size:1.5rem}.simulation-heading p{color:var(--muted);margin-block-start:4px;font-size:.85rem}.simulation-status{color:var(--warning);white-space:nowrap;align-items:center;gap:7px;font-size:.75rem;display:inline-flex}.simulation-status>span{background:currentColor;border-radius:50%;block-size:6px;inline-size:6px}.simulation-workspace{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid #b9c7c0;grid-template-columns:minmax(0,1fr) 280px;display:grid}.simulation-stage{background:var(--stage);min-inline-size:0;color:var(--stage-text);border-start-start-radius:11px;flex-direction:column;display:flex;overflow:hidden}.stage-toolbar{border-block-end:1px solid #ffffff14;justify-content:space-between;align-items:center;min-block-size:46px;padding-inline:20px;display:flex}.stage-toolbar h3{font-size:.8rem;font-weight:500}.stage-toolbar>span{color:var(--stage-muted);letter-spacing:.1em;font-family:Consolas,monospace;font-size:.7rem}.simulation-controls{min-inline-size:0}.controls-heading{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;min-block-size:46px;padding-inline:20px;display:flex}.controls-heading h3{font-size:.85rem;font-weight:600}.panel-indicator{background:#a7b6ad;border-radius:50%;block-size:7px;inline-size:7px;box-shadow:inset 0 1px 2px #0003}.simulation-guidance{border-block-start:1px solid var(--border);grid-column:1/-1}.simulation-guidance summary{border-radius:0 0 var(--radius) var(--radius);align-items:center;gap:10px;min-block-size:54px;padding:10px 20px;font-size:.85rem;list-style:none;display:flex}.simulation-guidance summary::-webkit-details-marker{display:none}.simulation-guidance summary:hover{background:#e2eae4}.simulation-guidance summary:active{background:#d8e3db}.guidance-icon{block-size:22px;inline-size:22px;color:var(--accent);border:1px solid #9faf9f;border-radius:50%;place-items:center;display:grid}.guidance-preview{color:var(--muted);font-size:.75rem}.disclosure-icon{color:var(--accent);margin-inline-start:auto;font-size:1.3rem}.simulation-guidance[open] .disclosure-icon{transform:rotate(45deg)}.observation-content{color:var(--muted);padding:0 52px 20px;font-size:.85rem}.question{color:#243434;margin-block-end:6px;font-weight:600}@media (width<=700px){.simulation-workspace{grid-template-columns:minmax(0,1fr)}.simulation-stage{border-start-end-radius:11px}.simulation-heading{align-items:start;gap:8px}.simulation-heading h2{font-size:1.3rem}.simulation-status{margin-block-start:5px;font-size:.65rem}.simulation-controls{border-block-start:1px solid var(--border)}.guidance-preview{display:none}.observation-content{padding-inline:20px}}.readout{background:#dce5dc;border:1px solid #bdcbbf;border-radius:6px;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;display:grid;box-shadow:inset 0 2px 5px #1a38200a}.readout-label{color:#4e6254;font-size:.75rem}.readout-value{color:#435b49;grid-area:1/2/3;align-self:center;font:2rem/1 Consolas,monospace}.readout-value small{font-size:.9rem}.readout-description{color:#4e6254;font-size:.7rem}.instrument-range{margin-block-start:22px}.range-label{justify-content:space-between;font-size:.85rem;display:flex}.range-label output{font-family:Consolas,monospace}.instrument-range input{appearance:none;cursor:pointer;background:0 0;block-size:48px;inline-size:100%;margin:4px 0 0;display:block}.instrument-range input::-webkit-slider-runnable-track{background:#c0cdc4;border:1px solid #a6b7ab;border-radius:4px;block-size:8px;box-shadow:inset 0 1px 2px #16362225}.instrument-range input::-webkit-slider-thumb{appearance:none;background:#f8fbf8;border:1px solid #879c8e;border-radius:5px;block-size:34px;inline-size:28px;margin-block-start:-14px;box-shadow:0 2px 3px #253a3025,inset 0 -3px #d5dfd7}.instrument-range input::-moz-range-track{background:#c0cdc4;border:1px solid #a6b7ab;border-radius:4px;block-size:8px}.instrument-range input::-moz-range-thumb{background:#f8fbf8;border:1px solid #879c8e;border-radius:5px;block-size:34px;inline-size:28px}.instrument-range input:disabled{opacity:.55;cursor:not-allowed}.instrument-range input:not(:disabled):hover{filter:brightness(.94)}.instrument-range input:not(:disabled):active{filter:brightness(.88)}.range-ticks{background:repeating-linear-gradient(90deg,#8e9f94 0 1px,#0000 1px 10%);block-size:5px;margin-inline:14px}.instrument-hint{color:var(--muted);margin-block-start:10px;font-size:.7rem}.instrument-switch{text-align:start;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;min-block-size:54px;inline-size:100%;padding:4px 8px;font-size:.85rem;display:flex}.instrument-switch small{color:var(--muted);font-size:.7rem;display:block}.instrument-switch:hover{background:#e0e8e1}.instrument-switch:active{background:#d6e1d8}.switch-track{background:#a0afa5;border-radius:16px;flex-shrink:0;block-size:28px;inline-size:48px;padding:3px;box-shadow:inset 0 1px 3px #0003}.switch-track>span{background:#fff;border-radius:50%;block-size:22px;inline-size:22px;display:block;box-shadow:0 1px 3px #0003}.instrument-switch[aria-checked=true] .switch-track{background:var(--accent)}.instrument-switch[aria-checked=true] .switch-track>span{transform:translate(-20px)}.instrument-button{min-block-size:var(--target);background:var(--surface);border:1px solid #a8b8ad;border-radius:6px;font-size:.85rem;font-weight:600;box-shadow:0 2px #b9c7be}.instrument-button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.instrument-button:not(:disabled):hover{filter:brightness(.94)}.instrument-button:not(:disabled):active{box-shadow:none;transform:translateY(2px)}.instrument-button:disabled{color:#65756b;box-shadow:none;background:#dce3dd;border-color:#c0ccc3}.instrument-button span{margin-inline-end:5px}@media (forced-colors:active){.switch-track,.switch-track>span{border:1px solid buttontext}.topic-tab[aria-selected=true]{border-block-end-color:highlight}}.page-width{width:min(1480px,100% - 64px);margin-inline:auto}.site-header{border-block-end:1px solid var(--border);background:var(--surface)}.brand{align-items:center;gap:12px;min-block-size:76px;display:flex}.brand-mark{border:1px solid var(--border);block-size:38px;inline-size:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.brand-mark svg{block-size:25px;inline-size:25px}.brand h1{letter-spacing:-.025em;font-size:1.25rem}.brand p{color:var(--muted);margin-block-start:2px;font-size:.78rem}.header-note{color:var(--muted);margin-inline-start:auto;font-size:.78rem}.topic-tabs{border-block-end:1px solid var(--border);scrollbar-width:thin;gap:20px;margin-block-end:20px;padding:4px;display:flex;overflow-x:auto}.topic-tab{min-block-size:var(--target);white-space:nowrap;background:0 0;border:0;border-block-end:3px solid #0000;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 4px;font-size:.9rem;font-weight:600;display:flex}.topic-tab[aria-selected=true]{color:var(--accent);border-block-end-color:var(--accent)}.topic-tab:not(:disabled):hover{background:var(--accent-soft)}.topic-tab:not(:disabled):active{background:#c8dfd2}.topic-tab:focus-visible{outline-offset:-3px;border-radius:3px}.topic-tab:disabled{color:#647068;opacity:1}.soon-badge{color:var(--muted);font-size:.65rem;font-weight:400}.stage-canvas{flex:1;place-items:center;min-block-size:clamp(390px,60vh,690px);padding:48px 24px;display:grid;position:relative}.stage-canvas--grid{background-image:linear-gradient(#9abdb50a 1px,#0000 1px),linear-gradient(90deg,#9abdb50a 1px,#0000 1px);background-size:32px 32px}.stage-placeholder{text-align:center;max-inline-size:380px}.stage-reticle{stroke:#70918a;stroke-width:1px;block-size:80px;inline-size:80px;margin-block-end:20px}.stage-placeholder h4{color:var(--stage-text);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:500}.stage-placeholder p{color:var(--stage-muted);margin-block-start:8px;font-size:.9rem}.stage-corner{border-style:solid;border-color:#70918a;block-size:18px;inline-size:18px;position:absolute}.stage-corner--start{border-width:1px 1px 0 0;inset-block-start:20px;inset-inline-start:20px}.stage-corner--end{border-width:0 0 1px 1px;inset-block-end:46px;inset-inline-end:20px}.canvas-caption{color:var(--stage-muted);justify-content:space-between;gap:12px;font-size:.7rem;display:flex;position:absolute;inset-block-end:14px;inset-inline:20px}.instrument-group{border-block-end:1px solid var(--border);padding:20px}.group-label{justify-content:space-between;align-items:center;margin-block-end:14px;font-size:.8rem;font-weight:600;display:flex}.group-label>span{color:var(--muted);font-size:.7rem;font-weight:400}.transport-controls{grid-template-columns:1fr 1fr;gap:8px;padding:20px 20px 0;display:grid}.control-note{color:var(--muted);padding:12px 20px 20px;font-size:.75rem}@media (width>=1600px){.stage-canvas{min-block-size:65vh}}@media (width<=700px){.page-width{width:calc(100% - 24px)}.brand{min-block-size:68px}.brand h1{font-size:1.15rem}.header-note{display:none}.topic-tabs{gap:16px;margin-block-end:14px}.topic-tab{font-size:.85rem}.stage-canvas{min-block-size:350px;padding:36px 20px}.stage-placeholder h4{font-size:1.1rem}}