/* M06K06 · Interference */
.oi-chapter{padding:82px 0 48px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:24px;align-items:start;scroll-margin-top:calc(var(--header-h) + 18px)}
.oi-hero-copy{min-width:0}.oi-hero-copy :is(h1,h2){margin:.35rem 0 1rem;font-size:clamp(2rem,4.5vw,4.35rem);line-height:1.03;letter-spacing:-.045em;max-width:16ch}.oi-hero-copy :is(h1,h2) em{font-style:normal;color:var(--accent)}.oi-hero-copy>p{max-width:74ch;color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem)}
.oi-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.oi-hero-card,.oi-card,.oi-panel,.oi-reading,.oi-note,.oi-limits-grid article{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:var(--shadow)}
.oi-hero-card{padding:22px;display:grid;gap:14px;min-width:0}.oi-hero-card>span,.oi-card>span,.oi-panel-head span,.oi-limits-grid article>span{font-size:.72rem;color:var(--muted);letter-spacing:.055em;text-transform:uppercase}.oi-equation{display:grid;gap:5px;min-height:76px;place-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-elevated) 74%,transparent);font-family:var(--mono);text-align:center;overflow-wrap:anywhere}.oi-equation.large{min-height:118px;font-size:clamp(1.02rem,1.8vw,1.3rem);line-height:1.55}.oi-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oi-mini-grid div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-solid) 72%,transparent)}.oi-mini-grid span{display:block;color:var(--muted);font-size:.68rem}.oi-mini-grid strong{display:block;margin-top:4px;font-size:.8rem;overflow-wrap:anywhere}
.oi-foundation{padding:48px 0 68px}.oi-foundation-grid,.oi-extrema-grid,.oi-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oi-card{padding:22px;box-shadow:none;min-width:0}.oi-card.primary{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}.oi-card.constructive{border-color:color-mix(in srgb,var(--accent-2) 34%,var(--line))}.oi-card.destructive{border-color:color-mix(in srgb,var(--warm) 38%,var(--line))}.oi-card p{margin:9px 0 0;color:var(--muted);font-size:.91rem}.oi-note{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;margin-top:14px;padding:20px 22px;box-shadow:none}.oi-note strong{color:var(--accent-3)}.oi-note p{margin:0;color:var(--muted)}
.oi-extrema{padding:66px 0;border-block:1px solid var(--line);background:color-mix(in srgb,var(--bg-elevated) 52%,transparent)}.oi-path{padding:66px 0}
.oi-lab-section{padding:72px 0 68px;border-top:1px solid var(--line)}.oi-lab-shell{display:grid;grid-template-columns:294px minmax(0,1fr);gap:14px;align-items:start}.oi-controls{position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:13px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);box-shadow:var(--shadow)}
.oi-control-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.oi-control-head>div{display:grid;gap:3px;min-width:0}.oi-control-head span{color:var(--muted);font-size:.71rem}.oi-control-head strong{font-size:.86rem;overflow-wrap:anywhere}.oi-status{min-width:max-content;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--accent)!important;font-weight:800;letter-spacing:.035em}.oi-status.destructive{color:var(--warm)!important;border-color:color-mix(in srgb,var(--warm) 45%,var(--line))}.oi-status.quadrature{color:var(--accent-3)!important;border-color:color-mix(in srgb,var(--accent-3) 45%,var(--line))}
.oi-controls label{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:7px 10px;align-items:center;min-width:0}.oi-controls label>span{color:var(--muted);font-size:.76rem;min-width:0;overflow-wrap:anywhere}.oi-controls output{font-family:var(--mono);font-size:.76rem;color:var(--text)}.oi-controls input[type=range]{grid-column:1/-1;width:100%;min-width:0}.oi-preset-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.oi-preset-row button{min-width:0;padding:8px 7px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.68rem;cursor:pointer;overflow-wrap:anywhere}.oi-preset-row button:hover,.oi-preset-row button.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}.oi-reset{width:100%}.oi-assumption{padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 68%,transparent)}.oi-assumption strong{font-size:.73rem;color:var(--accent-3)}.oi-assumption p{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.48}
.oi-stage{display:grid;gap:14px;min-width:0}.oi-top-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:14px;min-width:0}.oi-panel{padding:16px;min-width:0;box-shadow:none;overflow:hidden}.oi-panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:9px}.oi-panel-head>div{display:grid;gap:3px;min-width:0}.oi-panel-head strong{font-size:.88rem;overflow-wrap:anywhere}.oi-readout{display:grid!important;gap:2px;text-align:right;min-width:max-content}.oi-readout strong{font-family:var(--mono);font-size:.78rem;color:var(--accent)}
.oi-phasor-svg,.oi-time-svg,.oi-scan-svg{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}.oi-axis{stroke:var(--line-strong);stroke-width:1.3}.oi-guide-circle{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:5 7}.oi-phasor{stroke-width:4;stroke-linecap:round}.oi-phasor.one{stroke:var(--accent-2)}.oi-phasor.two{stroke:var(--accent-3)}.oi-phasor.sum{stroke:var(--warm);stroke-width:5}.oi-phase-arc{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:4 5}.oi-svg-label{fill:var(--muted);font-size:14px;font-family:var(--mono)}.oi-svg-label.one{fill:var(--accent-2);font-weight:700}.oi-svg-label.two{fill:var(--accent-3);font-weight:700}.oi-svg-label.sum{fill:var(--warm);font-weight:800}.oi-svg-label.level{font-size:13px}.oi-time-grid-line,.oi-scan-grid-line{stroke:var(--line);stroke-width:1}.oi-time-grid-label,.oi-scan-grid-label{fill:var(--muted);font:12px var(--mono)}.oi-trace{fill:none;stroke-width:2.3}.oi-trace.one{stroke:var(--accent-2)}.oi-trace.two{stroke:var(--accent-3)}.oi-trace.sum{stroke:var(--warm);stroke-width:3.5}.oi-time-marker,.oi-scan-marker{stroke:var(--text);stroke-width:1.2;stroke-dasharray:5 5;opacity:.72}.oi-time-dot.sum,.oi-scan-dot{fill:var(--warm);stroke:var(--panel-solid);stroke-width:2}.oi-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px;color:var(--muted);font-size:.72rem}.oi-legend span{display:flex;align-items:center;gap:5px}.oi-legend i{width:18px;height:3px;border-radius:4px}.oi-legend i.one{background:var(--accent-2)}.oi-legend i.two{background:var(--accent-3)}.oi-legend i.sum{background:var(--warm)}
.oi-scan-panel{padding-bottom:10px}.oi-intensity-curve{fill:none;stroke:var(--accent);stroke-width:3}.oi-level{stroke-width:1.2;stroke-dasharray:6 6;opacity:.7}.oi-level.max{stroke:var(--accent-2)}.oi-level.min{stroke:var(--warm)}
.oi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.oi-metrics>div,.oi-check-panel>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.oi-metrics span,.oi-check-panel span{display:block;color:var(--muted);font-size:.67rem}.oi-metrics strong,.oi-check-panel strong{display:block;margin-top:4px;font:800 .83rem var(--mono);overflow-wrap:anywhere}.oi-metrics small,.oi-check-panel small{display:block;margin-top:4px;color:var(--muted);font-size:.62rem;overflow-wrap:anywhere}.oi-check-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0;border:0;background:transparent}.oi-reading{padding:19px 21px;box-shadow:none}.oi-reading h3{margin:.3rem 0 .45rem;font-size:1rem}.oi-reading p{margin:0;color:var(--muted)}.oi-cross-reference{margin:18px 0 0;padding:14px 16px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--muted);font-size:.86rem}.oi-cross-reference a{color:var(--text)}
.oi-limits{padding:66px 0}.oi-limits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.oi-limits-grid article{padding:19px;box-shadow:none}.oi-limits-grid strong{display:block;margin-top:5px;font-size:.9rem}.oi-limits-grid p{margin:7px 0 0;color:var(--muted);font-size:.82rem}
@media(max-width:1060px){.oi-chapter{grid-template-columns:1fr}.oi-hero-copy :is(h1,h2){max-width:19ch}.oi-lab-shell{grid-template-columns:1fr}.oi-controls{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.oi-control-head,.oi-preset-row,.oi-reset,.oi-assumption{grid-column:1/-1}.oi-top-grid{grid-template-columns:1fr}.oi-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.oi-chapter{padding-top:62px}.oi-mini-grid,.oi-foundation-grid,.oi-extrema-grid,.oi-path-grid{grid-template-columns:1fr}.oi-note{grid-template-columns:1fr;gap:7px}.oi-controls{grid-template-columns:1fr}.oi-control-head,.oi-preset-row,.oi-reset,.oi-assumption{grid-column:auto}.oi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-check-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-limits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-panel{padding:11px}.oi-panel-head{gap:7px}.oi-phasor-svg,.oi-time-svg,.oi-scan-svg{min-width:0}}
@media(max-width:420px){.oi-hero-copy :is(h1,h2){font-size:clamp(1.8rem,9.5vw,2.55rem)}.oi-preset-row{grid-template-columns:1fr 1fr}.oi-metrics,.oi-check-panel,.oi-limits-grid{grid-template-columns:1fr 1fr}.oi-panel-head{display:grid}.oi-readout{text-align:left;min-width:0}.oi-svg-label{font-size:13px}}
