.wg-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)}
.wg-hero-copy :is(h1,h2){max-width:18ch;margin:.65rem 0 1rem}.wg-hero-copy p{max-width:70ch}.wg-hero-copy em{font-style:normal;color:var(--accent)}.wg-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.wg-hero-card,.wg-card,.wg-note,.wg-panel,.wg-reading,.wg-boundary-grid article{border:1px solid var(--line);background:var(--panel);border-radius:18px}.wg-hero-card{padding:1.2rem}.wg-hero-card>span,.wg-card>span,.wg-reading>span,.wg-boundary-grid span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.wg-equation{margin-top:.8rem;padding:.75rem .9rem;border-radius:12px;background:var(--panel-2,var(--panel));font:600 .94rem/1.45 var(--mono);overflow-wrap:anywhere}.wg-equation.large{font-size:1.03rem}.wg-equation-line{display:inline}.wg-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.wg-mini-grid>div{padding:.65rem;border:1px solid var(--line);border-radius:10px;min-width:0}.wg-mini-grid span{display:block;font-size:.7rem;color:var(--muted)}.wg-mini-grid strong{display:block;margin-top:.18rem;font-size:.84rem;overflow-wrap:anywhere}
.wg-foundation,.wg-lab-section,.wg-boundary{padding-top:clamp(3rem,7vw,6rem)}.wg-foundation-grid,.wg-boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.wg-card,.wg-boundary-grid article{padding:1rem;min-width:0}.wg-card.primary{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.wg-card h3,.wg-boundary-grid strong{display:block;margin:.35rem 0 .45rem}.wg-card p,.wg-boundary-grid p{margin:0;color:var(--muted)}.wg-note{margin-top:1rem;padding:1rem}.wg-note p{margin:.3rem 0 0;color:var(--muted)}
.wg-lab-shell{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,2.3fr);gap:1rem;align-items:start}.wg-controls{position:sticky;top:92px;display:grid;gap:.85rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}.wg-control-head,.wg-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.wg-control-head span,.wg-panel-head span,.wg-readout span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.wg-control-head strong{display:block}.wg-status{padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.wg-controls label{display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;align-items:center;min-width:0}.wg-controls label>span{font-size:.84rem}.wg-controls output{font:600 .8rem/1.2 var(--mono);color:var(--accent);max-width:10rem;text-align:right;overflow-wrap:anywhere}.wg-controls input{grid-column:1/-1;width:100%;min-width:0}.wg-presets{margin:0;padding:.7rem;border:1px solid var(--line);border-radius:12px;min-width:0}.wg-presets legend{padding:0 .3rem;font-size:.76rem;color:var(--muted)}.wg-presets div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.wg-presets button{min-width:0;padding:.58rem .5rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-2,var(--panel));color:var(--text);cursor:pointer}.wg-presets button.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.wg-assumption{padding:.75rem;border-radius:10px;background:var(--panel-2,var(--panel))}.wg-assumption p{margin:.25rem 0 0;font-size:.8rem;color:var(--muted)}
.wg-stage{min-width:0;display:grid;gap:1rem}.wg-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wg-panel{padding:.85rem;min-width:0}.wg-panel-head{margin-bottom:.65rem}.wg-panel-head strong{display:block}.wg-readout{text-align:right}.wg-readout strong{display:block;color:var(--accent);font-size:.83rem}.wg-panel svg{display:block;width:100%;height:auto;overflow:visible}.wg-metrics,.wg-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.wg-metrics>div,.wg-check-grid>div{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:.75rem;min-width:0}.wg-metrics span,.wg-check-grid span{display:block;font-size:.72rem;color:var(--muted)}.wg-metrics strong,.wg-check-grid strong{display:block;margin-top:.22rem;font-size:.86rem;overflow-wrap:anywhere}.wg-reading{padding:1rem}.wg-reading h3{margin:.35rem 0 .5rem}.wg-reading p{margin:0;color:var(--muted)}
.wg-svg-axis{stroke:var(--muted);stroke-width:1.5}.wg-svg-grid{stroke:var(--line);stroke-width:1}.wg-svg-wall{fill:none;stroke:var(--text);stroke-width:4}.wg-svg-positive{fill:color-mix(in srgb,var(--accent) 72%,transparent)}.wg-svg-negative{fill:color-mix(in srgb,var(--violet,#a98cff) 70%,transparent)}.wg-svg-node{stroke:var(--line);stroke-width:1;fill:none}.wg-svg-prop{stroke:var(--accent);stroke-width:4;fill:none}.wg-svg-evan{stroke:var(--violet,#a98cff);stroke-width:4;fill:none}.wg-svg-cut{stroke:var(--muted);stroke-width:2;stroke-dasharray:8 7}.wg-svg-label{fill:var(--text);font-size:18px;font-weight:700}.wg-svg-small{fill:var(--muted);font-size:14px}.wg-svg-accent{fill:var(--accent);font-size:15px;font-weight:700}.wg-svg-violet{fill:var(--violet,#a98cff);font-size:15px;font-weight:700}.wg-marker{fill:var(--panel);stroke:var(--accent);stroke-width:3}
@media(max-width:980px){.wg-hero,.wg-lab-shell{grid-template-columns:1fr}.wg-controls{position:static}.wg-foundation-grid,.wg-boundary-grid{grid-template-columns:1fr}.wg-top-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wg-hero{padding-top:2.5rem}.wg-mini-grid,.wg-metrics,.wg-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-panel{padding:.65rem}.wg-panel-head{display:grid}.wg-readout{text-align:left}.wg-controls{padding:.85rem}.wg-equation{font-size:.86rem}.wg-equation.large{font-size:.95rem}.wg-status{white-space:normal;text-align:right;max-width:10rem}.wg-cross-svg,.wg-axial-svg,.wg-disp-svg{aspect-ratio:1.35}}
@media(max-width:380px){.wg-mini-grid,.wg-metrics,.wg-check-grid{grid-template-columns:1fr}.wg-presets div{grid-template-columns:1fr}.wg-controls output{max-width:8rem}.wg-hero-copy :is(h1,h2),.wg-foundation .section-heading h2,.wg-boundary .section-heading h2{overflow-wrap:anywhere}}
.wg-controls,.wg-control-head,.wg-stage,.wg-panel,.wg-metrics,.wg-top-grid,.wg-foundation-grid,.wg-boundary-grid{min-width:0;max-width:100%}.wg-foundation .section-heading h2,.wg-boundary .section-heading h2{min-width:0;overflow-wrap:anywhere;word-break:break-word}