.step-eleven .workspace-grid{grid-template-columns:minmax(0,1fr)}.step-eleven .details-rail{display:none}.op-root{font-size:1rem}.op-root p{line-height:1.8}.op-root h3{font-size:1rem}.op-root .enc-card{overflow:hidden}.op-root .enc-equation{overflow-x:auto}.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.op-grid>*{min-width:0}.op-control-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:22px}.op-controls,.op-inset{border:1px solid #dacde6;background:#f9f6fd;padding:18px;border-radius:10px;min-width:0}.op-inset{background:#f7fbff}.op-inset h3{margin-top:0}.op-root canvas{display:block;width:100%;height:240px}.op-root canvas[data-op-output]{height:330px;touch-action:none;cursor:crosshair}.op-root canvas:focus-visible{outline:3px solid #1e90ff}.op-root .enc-range{font-size:.95rem}.op-root output{font-variant-numeric:tabular-nums}.op-root button{font-size:.9rem}.op-number{display:block;font-size:.9rem;color:#4b0082;line-height:1.8;margin-top:8px}.op-badge{color:#4338ca;background:#eeedf7;border:1px solid #a6a2d7;padding:10px;border-radius:7px}.op-badge b{font-size:1.7rem;margin-right:10px}.op-inset small{font-size:.83rem;line-height:1.7;display:block}.op-summary,.op-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.op-summary>div,.op-metrics>div{background:#f1f7ff;border:1px solid #c7d9f0;padding:16px;border-radius:8px;min-width:0}.op-summary span,.op-metrics span{display:block;font-size:.84rem}.op-summary strong,.op-metrics strong{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums;margin:8px 0;color:#4b0082}.op-root .op-gray{background:#fafafa;border-color:#d3d3d3}.op-root .op-violet{background:#eeedf8;border-color:#a6a1d7}.op-root .op-violet strong{color:#4338ca}.op-metrics .site-math{font-size:.8rem}.op-matrix-row{display:flex;gap:22px;align-items:center;justify-content:center;margin:15px 0}.op-matrix{display:grid;grid-template-columns:repeat(3,45px);gap:4px;border-left:2px solid #4b0082;border-right:2px solid #4b0082;padding:3px 12px}.op-matrix>*{text-align:center;line-height:38px;border-radius:4px}.op-matrix b{background:#ebebeb;color:#545454;border:1px solid #9c9c9c}.op-coupling{width:100%;max-height:270px!important}.op-svg-text text{font:14px system-ui;fill:#4b0082}.op-directions button{flex:1;min-width:110px}.op-directions small{display:block;margin-top:6px;font-size:.78rem}.op-root .op-caption{font-size:.84rem;line-height:1.75;color:#62576b}.op-plot{border:1px solid #d8cde3;border-radius:9px;background:#fbfaff;padding:12px}.op-plot h3{margin:4px 0 10px}.op-close{background:#f8f8fc;border-color:#aaa6d9}.op-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin:18px 0;font-size:.85rem}.op-legend span{display:flex;gap:7px;align-items:center}.op-legend i{width:17px;height:12px;border:2px solid #147ed2;background:#1e90ff15;border-radius:3px}.op-legend .changed{border-color:#dacde6;border-style:dashed}.op-legend .safe{background:#4338ca28;border-color:#4338ca}.op-legend .uncertain{background:#80808022;border-color:#6f6f6f;border-style:dashed}.op-legend .actual{width:10px;height:10px;border-radius:50%;border-color:#d83954;background:#d83954}.op-output-readout{display:flex;flex-wrap:wrap;gap:12px;font-size:.86rem;padding:12px;background:#f4f5f8;border-radius:7px}.op-note{padding:14px 18px;background:#f4f6fc;border-left:3px solid #4b0082;font-size:.9rem}.op-gauge{height:36px;background:#4338ca;display:flex;border-radius:8px;overflow:hidden;border:1px solid #aeaada}.op-gauge-used{background:repeating-linear-gradient(135deg,#6f6f6f,#6f6f6f 9px,#989898 9px,#989898 12px);height:100%;width:0}.op-gauge-left{flex:1}.op-gauge-labels{display:flex;justify-content:space-between;gap:15px;margin:10px 0 24px;font-size:.9rem;color:#4338ca}.op-gauge-labels span:first-child{color:#5c5c5c}.op-gain{font-size:1.2rem;font-weight:600;color:#4b0082}.op-answer{padding:17px;background:#eeedf8;border:1px solid #b0acdb;border-radius:9px}.op-answer>span{font-weight:600;color:#4338ca}.op-endpoint{display:flex;align-items:center;gap:20px;padding:22px;margin-top:20px;border:1px solid #8e89cc;background:#f0eff9;border-radius:10px}.op-count{background:#4338ca;color:white;min-width:65px;height:65px;display:grid;place-items:center;border-radius:50%;font-size:2.4rem}.op-endpoint h3{margin:0 0 10px;color:#4338ca}.op-endpoint p{margin-bottom:0}.op-root details{padding:15px;border:1px solid #ddd0e8;border-radius:7px;margin-top:18px}.op-root details summary{cursor:pointer;color:#4b0082;font-size:.92rem}.op-root [aria-pressed="true"]{background:#4b0082;color:white}.op-root .enc-actions{flex-wrap:wrap}.op-root .enc-card p a{text-decoration:underline}
@container(max-width:850px){.op-grid,.op-control-grid{grid-template-columns:1fr}.op-inset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px}.op-inset h3{grid-column:1/-1}.op-inset canvas{grid-row:2/4;height:200px}.op-summary,.op-metrics{grid-template-columns:1fr}.op-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.op-summary strong{font-size:1.1rem;margin:0}.op-summary span{font-size:.86rem}.op-metrics strong{font-size:1.18rem}.op-endpoint{align-items:flex-start}.op-root .enc-equation{font-size:.92rem}}
@media(max-width:500px){.op-inset{display:block}.op-inset canvas{height:210px}.op-root .enc-card{padding:15px}.op-endpoint{padding:14px;gap:10px}.op-count{min-width:40px;height:40px;font-size:1.7rem}.op-gain{font-size:1rem}}

.op-animating .op-coupling-paths{stroke-dasharray:12 6;animation:op-flow .9s linear infinite}@keyframes op-flow{to{stroke-dashoffset:-36}}@media(prefers-reduced-motion:reduce){.op-animating .op-coupling-paths{animation:none}}

.op-visibility-toggle{display:flex;gap:10px;align-items:center;margin:20px 0 8px;font-weight:600;color:#4b0082;cursor:pointer}.op-visibility-toggle input{width:19px;height:19px;accent-color:#4b0082}.op-visibility-note{border-left:3px solid #6f6f6f;padding:12px 16px;background:#fafafa;font-size:.9rem}.op-root [hidden]{display:none!important}

/* Operator gate panel layout and controls. */
.op-root .op-green{background:#f9f6fd;border-color:#dacde6}.op-root .op-green strong{color:#4b0082}
.op-legend .safe{background:#ffc0cb66;border-color:#dacde6}.op-gauge{background:#4b0082;border-color:#dacde6}.op-gauge-labels{color:#4b0082}
.op-answer{background:#f9f6fd;border-color:#dacde6}.op-answer>span{color:#4b0082}
.op-resolvent-intro{margin:16px 0;padding:15px;border-left:3px solid #147ed2;background:#f6faff}.op-resolvent-intro p{margin-bottom:0}
.op-radius-key{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0;font-size:.9rem}.op-radius-key>span{flex:1;min-width:240px}.op-radius-key i{display:inline-block;width:22px;border-top:3px dashed #4b0082;vertical-align:middle;margin-right:7px}.op-radius-key .slack{border-color:#00ff00;border-top-style:dotted}
.op-radial-comparison{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center}.op-radial-gauge{width:100%;max-height:220px}.op-radial-gauge text{font:13px system-ui;fill:#4b0082}.op-gauge-control{max-width:460px}
@container(max-width:600px){.op-radial-comparison{grid-template-columns:1fr}.op-radial-gauge{max-width:220px;justify-self:center}}

/* Reference-style special directions and linked three-stage certificate. */
.op-special{margin:14px 0;border:1px solid #dacde6;border-radius:10px;background:#f7fbff;padding:14px}.op-special>h3{color:#4b0082}.op-special svg{display:block;width:100%;height:auto;max-height:330px}.op-special p{margin:8px 0}.op-stages-wrap{margin-top:18px;padding:14px;border:1px solid #dacde6;background:#f7fbff;border-radius:10px}.op-stages-wrap>h3{color:#4b0082}.op-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.op-stage{border:1px solid #dacde6;border-radius:8px;background:white;overflow:hidden;padding:10px}.op-stage h3{background:#f9f6fd;color:#4b0082;padding:8px;font-size:.88rem;text-align:center;min-height:3em}.op-stage svg{width:100%;height:auto;display:block}.op-stage p{text-align:center;line-height:1.4}.op-stage strong{display:block;font-variant-numeric:tabular-nums}.op-stage-radius{color:#4b0082}.op-stage-error{color:#666}.op-stage-conclusion{background:#f9f6fd;border-radius:6px;padding:12px;line-height:1.8}.op-stages-wrap .enc-range{max-width:460px}.op-special .op-caption,.op-stages-wrap .op-caption{font-size:.85rem}html[data-display="4k"] .op-stage h3{font-size:15px}html[data-display="4k"] .op-stage p{font-size:14px}@media(max-width:650px){.op-stages{grid-template-columns:1fr}.op-stage svg{max-height:230px}}

.display-board .op-root>.op-stages-wrap{grid-column:1/-1}.op-stages-wrap .op-stage svg{max-height:260px!important}.op-stages-wrap .op-stage h3{min-height:0}.op-special svg{min-height:220px}

/* Output views: two rows, one column. */
.op-root .op-output-grid{grid-template-columns:minmax(0,1fr)}

/* Reference palette, shared by the Step 11 balls, ellipses, and gauges. */
.op-legend .base{background:#1e90ff15;border-color:#1765bf}
.op-legend .changed{background:transparent;border-color:#1e90ff;border-style:dashed}
.op-legend .safe{background:#80808012;border-color:#808080;border-style:dashed}
.op-legend .uncertain{background:#ff149324;border-color:#ff1493;border-style:solid}
.op-stage-error{color:#ff1493}.op-radius-key i{border-color:#808080}.op-radius-key .slack{border-color:#00ff00}.op-stage-radius{color:#808080}
.op-gauge{background:#80808012;border-color:#808080}.op-gauge-used{background:repeating-linear-gradient(135deg,#ff1493,#ff1493 9px,#ff8ac9 9px,#ff8ac9 12px)}.op-gauge-labels span:first-child{color:#ff1493}.op-gauge-labels span:last-child{color:#808080}
.op-root canvas[data-op-output],.op-radial-gauge,.step-eleven .res-mini>svg{background:white}

/* Three argument steps with a miniature beside each explanation. */
.res-proof-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,360px);gap:28px;align-items:start;padding:24px 0;border-top:1px solid #e3d9ed}.res-proof-step>div{min-width:0}.res-proof-step h3{margin-top:0;color:#4b0082}.res-mini{margin:0;padding:16px;border:1px solid #dacde6;border-radius:9px;background:#f7fbff;min-width:0}.res-mini h4{font-size:1rem;line-height:1.4;margin:0 0 12px;color:#4b0082}.res-mini>svg{display:block;width:100%;height:auto;max-height:280px}.res-mini figcaption{font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.res-mini figcaption p{font-size:.875rem;line-height:1.6;margin-bottom:0}.res-mini figcaption>.site-math{display:block;font-size:.78rem;overflow-x:auto}.res-proof .enc-equation{overflow-x:auto}html[data-display="4k"] .res-proof-step{grid-template-columns:minmax(0,1fr) minmax(320px,26%)}@media(max-width:850px){.res-proof-step,html[data-display="4k"] .res-proof-step{grid-template-columns:minmax(0,1fr)}.res-mini{max-width:440px;width:100%;box-sizing:border-box;justify-self:center}}
.step-eleven #panel-argument .enc-argument{width:100%;max-width:none;box-sizing:border-box}html[data-display="4k"] .res-proof-step{grid-template-columns:minmax(0,1fr) minmax(320px,22rem)}@media(max-width:850px){html[data-display="4k"] .res-proof-step{grid-template-columns:minmax(0,1fr)}}

/* Pair each output-ball and factorization line with its own geometry. */
.op-proof-lines{padding:26px 0;border-top:1px solid #e3d9ed}.op-proof-lines>h3{margin:0 0 14px;color:#4b0082}.op-proof-note{font-size:.9rem;color:#62576b}
.op-proof-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,22rem);gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid #eee8f3}.op-proof-line:last-child{border-bottom:0}.op-proof-line>div{min-width:0}.op-proof-line .enc-equation{margin:10px 0}.op-proof-line p{line-height:1.75}.op-line-mini>svg{max-height:none}.op-line-mini figcaption>.site-math{display:block;font-size:.78rem;overflow-x:auto}.op-line-mini figcaption p{margin-top:8px}
@media(max-width:850px){.op-proof-line{grid-template-columns:minmax(0,1fr);gap:12px}.op-proof-line .res-mini{max-width:440px;width:100%;box-sizing:border-box;justify-self:center}}

.op-moat-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.op-moat-pair article{min-width:0;border:1px solid #d8cae8;border-radius:7px;background:#fff;padding:10px}.op-moat-pair svg{display:block;width:100%;height:auto}.op-moat-pair h4{margin:0 0 8px;color:#4b0082}.op-moat-values{color:#4b0082;font-weight:600}.op-moat-transfer{margin:12px 0;padding:10px;border-left:3px solid #808080;background:#fafafa}.op-moat-explainer>label{display:block;margin-top:12px}.op-moat-explainer .enc-equation{overflow-x:auto}@media(max-width:700px){.op-moat-pair{grid-template-columns:1fr}}

.arg11-expanded{color:#4b0082}.arg11-expanded h2,.arg11-expanded h3,.arg11-expanded h4,.arg11-expanded p,.arg11-expanded figcaption{color:#4b0082}.arg11-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,38%);gap:28px;border-top:1px solid #dad4ec;padding:26px 0;align-items:start}.arg11-row>div,.arg11-row>aside{min-width:0}.arg11-row h3{margin-top:0}.arg11-expanded .enc-equation{overflow-x:auto}.arg11-figure{margin:0;padding:15px;border:1px solid #d8cdec;border-radius:8px;background:#fcfcff}.arg11-figure h4{margin:0 0 12px;line-height:1.4}.arg11-figure svg{display:block;width:100%;height:auto;background:white}.arg11-figure figcaption{font-size:.87rem;line-height:1.6}.arg11-legend{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px;background:#f8f7fc;border:1px solid #e1dcf0;border-radius:7px;margin:18px 0}.arg11-legend span{display:inline-flex;align-items:center;gap:7px;font-size:.9rem}.arg11-legend i{width:17px;height:10px;border:1px solid #999;border-radius:2px}.arg11-note{font-size:.9rem;border-left:3px solid #7b68ee;padding:10px 12px}.arg11-expanded aside .arg11-figure+.arg11-figure{margin-top:16px}@media(max-width:900px){.arg11-row{grid-template-columns:1fr}.arg11-figure{max-width:600px;margin:0 auto}}

.arg11-block-lines{border-top:1px solid #dad4ec;padding:26px 0}.arg11-block-lines>h3{margin:0 0 12px}.arg11-block-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,38%);gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid #eee8f3}.arg11-block-line:last-child{border-bottom:0}.arg11-block-line>div,.arg11-block-line>aside{min-width:0}.arg11-line-mini figcaption{font-size:.83rem}.arg11-line-mini svg{max-height:230px}.arg11-block-line .enc-equation{margin:0}@media(max-width:900px){.arg11-block-line{grid-template-columns:1fr;gap:12px}}
