html[lang=en] .math-explorer,html[lang=en] .triangle-lab{--plot-main:var(--color-primary);--plot-secondary:var(--color-ink);--plot-third:#946200;--plot-negative:#ad3b32;background:var(--color-panel);border:1px solid var(--color-line);color:var(--color-ink);border-radius:12px;min-width:0;margin-block:1.5rem;padding:clamp(1rem,2.5vw,1.75rem);container-type:inline-size}.math-explorer *,.triangle-lab *{box-sizing:border-box}.math-explorer [hidden],.triangle-lab [hidden]{display:none!important}.math-explorer__header :is(h2,h3),.triangle-lab :is(h2,h3){letter-spacing:-.02em;text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.3}.math-explorer__header p,.triangle-lab__intro{color:var(--color-muted);max-width:68ch;margin:0 0 1.25rem}.math-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.math-controls label,.triangle-fields label{gap:.5rem;min-width:0;font-size:.9rem;font-weight:650;display:grid}.math-wide{grid-column:1/-1}html[lang=en] .math-controls .textarea{width:100%;min-height:80px;font-size:1rem;line-height:1.55}.math-controls .input,.triangle-fields .input{font-variant-numeric:tabular-nums;width:100%;min-height:44px}.math-help{color:var(--color-muted);margin:0;font-size:.85rem;line-height:1.6}.math-presets,.math-actions,.triangle-presets,.triangle-focus{flex-wrap:wrap;gap:.5rem;display:flex}.math-presets button,.triangle-presets button,.triangle-focus button{border:1px solid var(--color-line);background:var(--color-panel);min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:7px;padding:.5rem .8rem;font-size:.85rem}.math-presets button:hover,.triangle-presets button:hover,.triangle-focus button:hover{background:var(--surface-soft);border-color:var(--color-primary)}.math-presets button:active,.triangle-presets button:active{transform:translateY(1px)}.math-status{color:var(--color-muted);min-height:1.4em;margin:.8rem 0;font-size:.9rem}.math-status.is-error{color:var(--plot-negative)}.math-metrics{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1rem;margin:1rem 0 1.5rem;padding:0;display:grid}.math-metrics>div{border-inline-start:3px solid var(--color-line);padding-inline-start:.8rem}.math-metrics>div:first-child{border-color:var(--plot-main)}.math-metrics dt{color:var(--color-muted);font-size:.78rem;line-height:1.5}.math-metrics dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.2rem 0 0;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:700}.math-plot-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.math-plot-tools>label{align-items:center;gap:.75rem;font-size:.82rem;display:flex}.math-plot-tools select{max-width:155px;min-height:44px;font-size:.85rem}.math-series{border:0;flex-wrap:wrap;gap:.25rem .75rem;margin:0;padding:0;display:flex}.math-series legend{color:var(--color-muted);margin-bottom:.35rem;font-size:.8rem}.math-series label{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;font-size:.8rem;display:flex}.math-series input{accent-color:var(--plot-main);width:18px;height:18px}.math-series-key{border-top:2px solid var(--plot-main);width:20px;height:0;display:inline-block}.math-series-key.key-1{border-color:var(--plot-secondary);border-top-style:dashed}.math-series-key.key-2{border-color:var(--plot-third);border-top-style:dotted}.math-series-key.key-3{border-color:var(--plot-secondary);border-top-style:dotted}.article-experiment{margin-block:1.5rem 2.5rem}.math-figure{margin:1rem 0}.math-chart{width:100%;min-width:0;overflow:hidden}.math-chart>svg{width:100%;height:auto;display:block;overflow:visible}.math-chart text,.triangle-lab svg text{fill:var(--color-muted);font-variant-numeric:tabular-nums;font:12px system-ui,sans-serif}.math-chart .plot-grid{stroke:var(--color-line);stroke-width:1px;stroke-dasharray:2 5}.math-chart .plot-zero{stroke:var(--color-muted);stroke-width:1px}.math-chart .plot-dot,.math-chart .plot-actual{fill:var(--plot-main);stroke:var(--plot-main)}.math-chart .plot-mark{stroke:var(--plot-main);stroke-width:2px}.math-chart .plot-line{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.math-chart .plot-series-0{stroke:var(--plot-main)}.math-chart .plot-series-1{stroke:var(--plot-secondary);stroke-dasharray:8 5}.math-chart .plot-series-2{stroke:var(--plot-third);stroke-dasharray:2 5}.math-chart .plot-series-3{stroke:var(--plot-secondary);stroke-dasharray:9 3 2 3}.math-chart .plot-focus{stroke:var(--color-ink);stroke-width:2px;fill:var(--color-panel)}.math-chart .plot-guide{stroke:var(--color-muted);stroke-width:1px;stroke-dasharray:3 5}.math-chart .plot-negative{fill:var(--plot-negative)}.math-chart .plot-positive{fill:var(--plot-main)}.math-chart .plot-deviation{stroke:var(--color-muted);stroke-width:1.5px;stroke-dasharray:3 3}.math-chart .plot-label{fill:var(--color-ink);font-weight:650}.math-chart .area-shape{stroke:var(--plot-main);stroke-width:2px;fill:var(--surface-soft)}.math-chart .area-square{stroke:var(--color-ink);stroke-dasharray:5 3}.math-figure figcaption{color:var(--color-muted);max-width:78ch;margin-top:.7rem;font-size:.85rem;line-height:1.65}.math-inspection{border-top:1px solid var(--color-line);grid-template-columns:auto minmax(80px,1fr);gap:.4rem 1rem;padding:1rem 0;display:grid}.math-inspection label{align-self:center;font-size:.85rem}.math-inspection input,.math-range input{width:100%;min-height:44px;accent-color:var(--plot-main);cursor:pointer}.math-point-readout{font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:.85rem;font-weight:650;line-height:1.65}.math-range{align-items:center;grid-template-columns:auto 1fr auto!important;gap:1rem!important}.math-data{border-top:1px solid var(--color-line);padding-top:.5rem}.math-data summary{cursor:pointer;min-height:44px;color:var(--color-primary);align-content:center;font-size:.85rem;display:list-item}.math-table-scroll{max-width:100%;max-height:380px;overflow:auto}html[lang=en] .math-data table{border-collapse:collapse;width:100%;font-size:.85rem;display:table}.math-data caption{text-align:left;color:var(--color-muted);padding:.7rem 0;font-size:.8rem}html[lang=en] .math-data :is(th,td){text-align:right;border-bottom:1px solid var(--color-line);font-variant-numeric:tabular-nums;white-space:nowrap;padding:.65rem}html[lang=en] .math-data :is(th,td):first-child{text-align:left}.math-data tr[aria-current=true]{background:var(--surface-soft)}.math-recommendation{background:var(--surface-soft);border-inline-start:3px solid var(--color-primary);margin-top:1rem;padding:1rem}.math-recommendation p{margin:0 0 .5rem}.math-recommendation a{color:var(--color-primary);text-decoration:underline}.math-walkthrough{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.math-walkthrough details{border:1px solid var(--color-line);background:var(--color-panel);border-radius:8px;padding:1rem}.math-walkthrough summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.math-walkthrough p{color:var(--color-muted);margin:.65rem 0 0;line-height:1.65}.triangle-fields{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.triangle-fields input[type=range]{accent-color:var(--plot-main);width:100%;min-height:44px}.triangle-fields label span{justify-content:space-between;gap:1rem;display:flex}.triangle-focus{margin:1rem 0}.triangle-focus button[aria-pressed=true]{background:var(--surface-soft);border-color:var(--plot-main);color:var(--plot-main)}.triangle-focus button:disabled,.triangle-fields input[type=range]:disabled{opacity:.45;cursor:not-allowed}.triangle-lab svg{width:100%;height:320px;display:block}.triangle-lab .triangle-edge{stroke:var(--color-ink);stroke-width:2px;fill:var(--surface-soft);stroke-linejoin:round}.triangle-lab .triangle-height{stroke:var(--plot-main);stroke-width:2.5px;stroke-dasharray:6 4}.triangle-lab .triangle-emphasis{fill:none;stroke:var(--plot-main);stroke-width:4px}.triangle-lab .triangle-marker{stroke:var(--color-ink);stroke-width:1.5px;fill:none}.triangle-lab svg .triangle-label{fill:var(--color-ink);paint-order:stroke;stroke:var(--color-panel);stroke-width:5px;stroke-linejoin:round;font-size:14px;font-weight:650}.triangle-equation{background:var(--surface-soft);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:8px;margin-block:1rem;padding:1rem;font-size:1rem}.triangle-note{color:var(--color-muted);font-size:.85rem;line-height:1.65}@media (width<=650px){.math-controls{grid-template-columns:1fr 1fr}.math-controls label:last-of-type:nth-of-type(3){grid-column:1/-1}.math-inspection{grid-template-columns:1fr}.math-inspection label{grid-column:1/-1}.math-metrics{grid-template-columns:1fr 1fr;gap:1rem .5rem}.math-walkthrough{grid-template-columns:1fr}.math-explorer__header p{font-size:.9rem}.math-plot-tools{display:block}.math-series{margin-top:1rem}.triangle-focus button{flex:42%}.triangle-fields{gap:.65rem}}@container (width<=260px){.math-metrics,.triangle-fields,.math-controls{grid-template-columns:1fr}.math-controls label{grid-column:1/-1}}@media (width<=650px){.math-plot-tools select,.math-controls select,.triangle-fields .input{font-size:1rem}.math-series{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .5rem;display:grid}.math-series label{gap:.3rem;min-width:0;min-height:44px;line-height:1.35}.math-series input,.math-series-key{flex:none}.math-series-key{width:14px}.math-status:empty{min-height:0;margin:0}}@media (prefers-color-scheme:dark){html[lang=en] :is(.math-explorer,.triangle-lab){--plot-third:#e5bc6c;--plot-negative:#f5a29a}}@media (prefers-reduced-motion:no-preference){.math-presets button,.triangle-presets button,.triangle-focus button{transition:background-color .15s,border-color .15s,transform .15s}.triangle-lab .triangle-emphasis{transition:opacity .15s}}
