.ds-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(1.4rem,4vw,4rem);align-items:center;padding-top:clamp(3rem,7vw,6rem)}
.ds-hero-copy :is(h1,h2){max-width:18ch;margin:.65rem 0 1rem}.ds-hero-copy p{max-width:68ch}.ds-hero-copy em{font-style:normal;color:var(--accent)}.ds-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.ds-hero-card,.ds-card,.ds-note,.ds-panel,.ds-reading,.ds-boundary-grid article{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}
.ds-hero-card{padding:clamp(1rem,2.4vw,1.6rem);display:grid;gap:.85rem}.ds-hero-card>span,.ds-card>span,.ds-reading>span,.ds-boundary-grid article>span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ds-equation{padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 82%,transparent);overflow-wrap:anywhere}.ds-equation.large{font-size:clamp(1.05rem,2vw,1.45rem);font-weight:750}.ds-equation>span{display:block;min-width:0}.ds-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.ds-mini-grid>div{padding:.7rem;border-radius:10px;background:var(--panel-2);min-width:0}.ds-mini-grid span{display:block;color:var(--muted);font-size:.72rem}.ds-mini-grid strong{display:block;margin-top:.2rem;font-size:.82rem;overflow-wrap:anywhere}
.ds-foundation,.ds-lab-section,.ds-boundary{padding-top:clamp(3rem,6vw,5rem)}.ds-foundation-grid,.ds-boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ds-card,.ds-boundary-grid article{padding:1rem;min-width:0}.ds-card h3{margin:.35rem 0 .5rem}.ds-card.primary{border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.ds-card p,.ds-boundary-grid p{overflow-wrap:anywhere}.ds-note{padding:1rem 1.1rem;margin-top:1rem}.ds-note p{margin:.35rem 0 0}
.ds-lab-shell{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:1rem;align-items:start}.ds-controls{position:sticky;top:calc(var(--header-height,72px) + 1rem);border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:1rem;display:grid;gap:.82rem;box-shadow:var(--shadow);min-width:0}.ds-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.ds-control-head span,.ds-panel-head span,.ds-readout span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.ds-control-head strong{display:block}.ds-status{padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.ds-controls label{display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;align-items:center;min-width:0}.ds-controls label>span{font-size:.84rem}.ds-controls output{font:600 .8rem/1.2 var(--mono);color:var(--accent);max-width:10rem;text-align:right;overflow-wrap:anywhere}.ds-controls input{grid-column:1/-1;width:100%;min-width:0}.ds-presets{margin:0;padding:.7rem;border:1px solid var(--line);border-radius:12px;min-width:0}.ds-presets legend{padding:0 .3rem;font-size:.76rem;color:var(--muted)}.ds-presets div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.ds-presets button{min-width:0;padding:.58rem .5rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text);cursor:pointer}.ds-presets button.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ds-assumption{padding:.75rem;border-radius:10px;background:var(--panel-2)}.ds-assumption p{margin:.25rem 0 0;font-size:.8rem;color:var(--muted)}
.ds-stage{min-width:0;display:grid;gap:1rem}.ds-panel{padding:.85rem;min-width:0}.ds-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.65rem}.ds-panel-head strong{display:block}.ds-readout{text-align:right}.ds-readout strong{display:block;color:var(--accent);font-size:.83rem}.ds-panel svg{display:block;width:100%;height:auto;overflow:visible}.ds-metrics,.ds-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.ds-metrics>div,.ds-check-grid>div{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:.75rem;min-width:0}.ds-metrics span,.ds-check-grid span{display:block;font-size:.72rem;color:var(--muted)}.ds-metrics strong,.ds-check-grid strong{display:block;margin-top:.22rem;font-size:.86rem;overflow-wrap:anywhere}.ds-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ds-reading{padding:1rem}.ds-reading h3{margin:.35rem 0 .5rem}.ds-reading p{margin:0;color:var(--muted)}
.ds-svg-axis{stroke:var(--muted);stroke-width:1.5}.ds-svg-grid{stroke:var(--line);stroke-width:1}.ds-svg-curve{stroke:var(--accent);stroke-width:4;fill:none}.ds-svg-tangent{stroke:var(--violet,#a98cff);stroke-width:3;fill:none;stroke-dasharray:10 8}.ds-svg-window{fill:color-mix(in srgb,var(--accent) 12%,transparent)}.ds-svg-input{stroke:var(--muted);stroke-width:3;fill:none}.ds-svg-output{stroke:var(--accent);stroke-width:4;fill:none}.ds-svg-carrier{stroke:var(--violet,#a98cff);stroke-width:2;fill:none;opacity:.75}.ds-svg-label{fill:var(--text);font-size:18px;font-weight:700}.ds-svg-small{fill:var(--muted);font-size:14px}.ds-svg-accent{fill:var(--accent);font-size:15px;font-weight:700}.ds-svg-violet{fill:var(--violet,#a98cff);font-size:15px;font-weight:700}.ds-marker{fill:var(--panel);stroke:var(--accent);stroke-width:3}.ds-delay-phase{fill:color-mix(in srgb,var(--violet,#a98cff) 72%,transparent)}.ds-delay-group{fill:color-mix(in srgb,var(--accent) 72%,transparent)}
@media(max-width:980px){.ds-hero,.ds-lab-shell{grid-template-columns:1fr}.ds-controls{position:static}.ds-foundation-grid,.ds-boundary-grid{grid-template-columns:1fr}.ds-detail-grid{grid-template-columns:1fr}}
@media(max-width:640px){.ds-hero{padding-top:2.5rem}.ds-mini-grid,.ds-metrics,.ds-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-panel{padding:.65rem}.ds-panel-head{display:grid}.ds-readout{text-align:left}.ds-controls{padding:.85rem}.ds-equation{font-size:.88rem}.ds-equation.large{font-size:1rem}.ds-status{white-space:normal;text-align:right;max-width:10rem}.ds-curve-svg{aspect-ratio:1.35}.ds-pulse-svg,.ds-delay-svg{aspect-ratio:1.35}}
@media(max-width:380px){.ds-mini-grid,.ds-metrics,.ds-check-grid{grid-template-columns:1fr}.ds-presets div{grid-template-columns:1fr}.ds-boundary .section-heading h2{overflow-wrap:anywhere}.ds-controls output{max-width:8rem}.ds-hero-copy :is(h1,h2){overflow-wrap:anywhere}}
.ds-controls,.ds-control-head,.ds-stage,.ds-panel,.ds-metrics,.ds-detail-grid,.ds-foundation-grid,.ds-boundary-grid{min-width:0;max-width:100%}
.ds-foundation .section-heading h2,.ds-boundary .section-heading h2{min-width:0;overflow-wrap:anywhere;word-break:break-word}