/* M07K04 · Maxwell equations — physical interpretation */
.maxwell-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:34px;align-items:center;padding:76px 0 54px;scroll-margin-top:calc(var(--header-h) + 22px)}
.maxwell-hero>*{min-width:0}.maxwell-hero-copy :is(h1,h2){margin:12px 0 18px;max-width:900px;font-size:clamp(2.45rem,5vw,4.9rem);line-height:.98;letter-spacing:-.052em}.maxwell-hero-copy :is(h1,h2) em{color:var(--warm);font-style:normal}.maxwell-hero-copy>p{margin:0;max-width:830px;color:var(--muted);font-size:1.05rem}.maxwell-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.maxwell-hero-card,.maxwell-card,.maxwell-note,.maxwell-panel,.maxwell-assumption,.maxwell-reading,.maxwell-scope-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.maxwell-hero-card{padding:24px}.maxwell-hero-card>span,.maxwell-card>span,.maxwell-reading>span,.maxwell-scope-grid article>span{color:var(--warm);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.maxwell-equation{display:grid;place-items:center;min-height:51px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);font-family:var(--em-mono);text-align:center;overflow-wrap:anywhere}
.maxwell-framework{padding:42px 0 68px}.maxwell-framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.maxwell-card{padding:22px;box-shadow:none}.maxwell-card.primary{background:color-mix(in srgb,var(--warm) 6%,var(--panel));border-color:color-mix(in srgb,var(--warm) 32%,var(--line))}.maxwell-card h3{margin:8px 0;font-size:1.08rem}.maxwell-card p{margin:8px 0 0;color:var(--muted);font-size:.92rem}.maxwell-note{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start;margin-top:14px;padding:20px 22px;box-shadow:none}.maxwell-note strong{color:var(--accent-3)}.maxwell-note p{margin:0;color:var(--muted)}
.maxwell-lab-section{padding:72px 0 64px;border-block:1px solid var(--line);background:color-mix(in srgb,var(--bg-elevated) 38%,transparent)}.maxwell-lab-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.maxwell-controls{position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:13px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);box-shadow:var(--shadow)}
.maxwell-control-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:4px}.maxwell-control-head>div{display:grid;gap:3px}.maxwell-control-head span{color:var(--muted);font-size:.72rem}.maxwell-control-head strong{font-size:.88rem}.maxwell-status{min-width:max-content;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--warm)!important;font-weight:800;letter-spacing:.04em}.maxwell-controls label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;font-size:.78rem;font-weight:700}.maxwell-controls label>span{min-width:0}.maxwell-controls output{color:var(--warm);font-family:var(--em-mono);font-size:.73rem}.maxwell-controls input[type="range"]{grid-column:1/-1;width:100%;min-width:0;accent-color:var(--warm)}
.maxwell-presets{min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:12px}.maxwell-presets legend{padding:0 5px;color:var(--muted);font-size:.7rem;font-weight:700}.maxwell-presets>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.maxwell-presets button{min-width:0;min-height:36px;padding:5px 6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer;font-size:.67rem;font-weight:750}.maxwell-presets button:hover,.maxwell-presets button:focus-visible,.maxwell-presets button.is-active{border-color:color-mix(in srgb,var(--warm) 55%,var(--line));background:color-mix(in srgb,var(--warm) 10%,var(--panel))}.maxwell-reset{width:100%}.maxwell-assumption{padding:13px;border-radius:12px;box-shadow:none}.maxwell-assumption strong{font-size:.76rem}.maxwell-assumption p{margin:5px 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}
.maxwell-stage{min-width:0;display:grid;gap:14px}.maxwell-panel{min-width:0;padding:16px;box-shadow:none;overflow:hidden}.maxwell-panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:10px}.maxwell-panel-head>div:first-child{display:grid;gap:3px}.maxwell-panel-head span{color:var(--muted);font-size:.7rem}.maxwell-panel-head strong{font-size:.88rem}.maxwell-readout{text-align:right}.maxwell-readout strong{display:block;color:var(--warm);font-family:var(--em-mono);font-size:.82rem}
.maxwell-topology-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.maxwell-topology-svg{width:100%;overflow:hidden;contain:paint;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-elevated) 45%,transparent)}.maxwell-q-title{fill:var(--text);font-family:var(--em-mono);font-size:15px;font-weight:800}.maxwell-q-sub{fill:var(--muted);font-family:var(--em-mono);font-size:12px}.maxwell-source{fill:color-mix(in srgb,var(--warm) 12%,transparent);stroke:var(--warm);stroke-width:2}.maxwell-surface{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-dasharray:6 5}.maxwell-field{stroke:var(--accent-2);stroke-width:3;stroke-linecap:round}.maxwell-field.warm{stroke:var(--warm)}.maxwell-field.alt{stroke:var(--accent-3)}.maxwell-head{fill:var(--accent-2)}.maxwell-head.warm{fill:var(--warm)}.maxwell-head.alt{fill:var(--accent-3)}.maxwell-glyph{fill:var(--accent-2)}.maxwell-cross{stroke:var(--accent-2);stroke-width:2.3;stroke-linecap:round}.maxwell-label{fill:var(--muted);font-family:var(--em-mono);font-size:12px}.maxwell-label.accent{fill:var(--warm)}
.maxwell-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.maxwell-operator-grid,.maxwell-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.maxwell-operator-grid div,.maxwell-source-grid div,.maxwell-checks div{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.maxwell-operator-grid span,.maxwell-source-grid span,.maxwell-checks span{display:block;color:var(--muted);font-size:.69rem}.maxwell-operator-grid strong,.maxwell-source-grid strong,.maxwell-checks strong{display:block;margin-top:4px;font-family:var(--em-mono);font-size:.78rem;overflow-wrap:anywhere}.maxwell-operator-grid small{display:block;margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.35}.maxwell-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.maxwell-checks strong{color:var(--warm)}.maxwell-reading{padding:18px 20px;box-shadow:none}.maxwell-reading h3{margin:7px 0 5px;font-size:1rem}.maxwell-reading p{margin:0;color:var(--muted);font-size:.88rem}
.maxwell-scope{padding:68px 0 46px}.maxwell-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.maxwell-scope-grid article{min-width:0;padding:18px;box-shadow:none}.maxwell-scope-grid strong{display:block;margin-top:6px}.maxwell-scope-grid p{margin:7px 0 0;color:var(--muted);font-size:.84rem}
@media(max-width:980px){.maxwell-hero{grid-template-columns:1fr}.maxwell-lab-shell{grid-template-columns:1fr}.maxwell-controls{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.maxwell-control-head,.maxwell-presets,.maxwell-reset,.maxwell-assumption{grid-column:1/-1}.maxwell-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maxwell-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.maxwell-hero{padding-top:50px}.maxwell-hero-copy :is(h1,h2){font-size:clamp(2.05rem,10.5vw,3.55rem);overflow-wrap:anywhere}.maxwell-framework-grid,.maxwell-topology-grid,.maxwell-detail-grid,.maxwell-operator-grid,.maxwell-source-grid,.maxwell-checks,.maxwell-scope-grid{grid-template-columns:1fr}.maxwell-note{grid-template-columns:1fr}}
@media(max-width:520px){.maxwell-controls{grid-template-columns:1fr}.maxwell-control-head,.maxwell-presets,.maxwell-reset,.maxwell-assumption{grid-column:auto}.maxwell-panel{padding:12px}.maxwell-panel-head{flex-direction:column;gap:6px}.maxwell-readout{text-align:left}.maxwell-topology-svg{min-height:190px}}
