/* M07K09 · Poynting vector */
.poynting-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:34px;align-items:center;padding:76px 0 54px;scroll-margin-top:calc(var(--header-h) + 22px)}
.poynting-hero>*{min-width:0}.poynting-hero-copy :is(h1,h2){margin:12px 0 18px;max-width:930px;font-size:clamp(2.45rem,5vw,4.9rem);line-height:.98;letter-spacing:-.052em}.poynting-hero-copy :is(h1,h2) em{color:var(--accent);font-style:normal}.poynting-hero-copy>p{margin:0;max-width:860px;color:var(--muted);font-size:1.05rem}.poynting-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.poynting-hero-card,.poynting-card,.poynting-note,.poynting-panel,.poynting-assumption,.poynting-reading,.poynting-scope-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.poynting-hero-card{padding:24px}.poynting-hero-card>span,.poynting-card>span,.poynting-reading>span,.poynting-scope-grid article>span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.poynting-equation{display:grid;place-items:center;min-height:52px;margin:9px 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}.poynting-equation.large{min-height:70px;font-size:clamp(.92rem,1.7vw,1.15rem)}.poynting-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.poynting-mini-grid div{min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel-solid) 70%,transparent)}.poynting-mini-grid span{display:block;color:var(--muted);font-size:.65rem}.poynting-mini-grid strong{display:block;margin-top:3px;font-size:.7rem;overflow-wrap:anywhere}
.poynting-foundation{padding:42px 0 68px}.poynting-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.poynting-card{padding:22px;box-shadow:none}.poynting-card.primary{background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.poynting-card h3{margin:8px 0;font-size:1.08rem}.poynting-card p{margin:8px 0 0;color:var(--muted);font-size:.92rem}.poynting-note{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start;margin-top:14px;padding:20px 22px;box-shadow:none}.poynting-note strong{color:var(--warm)}.poynting-note p{margin:0;color:var(--muted)}
.poynting-lab-section{padding:72px 0 64px;border-block:1px solid var(--line);background:color-mix(in srgb,var(--bg-elevated) 38%,transparent)}.poynting-lab-shell{display:grid;grid-template-columns:292px minmax(0,1fr);gap:14px;align-items:start}.poynting-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)}.poynting-control-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:4px}.poynting-control-head>div{display:grid;gap:3px}.poynting-control-head span{color:var(--muted);font-size:.72rem}.poynting-control-head strong{font-size:.88rem}.poynting-status{min-width:max-content;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--accent)!important;font-weight:800;letter-spacing:.04em}.poynting-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}.poynting-controls output{color:var(--accent);font-family:var(--em-mono);font-size:.74rem}.poynting-controls input[type="range"]{grid-column:1/-1;width:100%;min-width:0;accent-color:var(--accent)}.poynting-direction,.poynting-presets{min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:12px}.poynting-direction legend,.poynting-presets legend{padding:0 5px;color:var(--muted);font-size:.7rem;font-weight:700}.poynting-direction>div,.poynting-presets>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.poynting-direction button,.poynting-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:.68rem;font-weight:750}.poynting-direction button:hover,.poynting-direction button:focus-visible,.poynting-direction button.is-active,.poynting-presets button:hover,.poynting-presets button:focus-visible,.poynting-presets button.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 11%,var(--panel))}.poynting-reset{width:100%}.poynting-assumption{padding:13px;border-radius:12px;box-shadow:none}.poynting-assumption strong{font-size:.76rem}.poynting-assumption p{margin:5px 0 0;color:var(--muted);font-size:.71rem;line-height:1.45}
.poynting-stage{min-width:0;display:grid;gap:14px}.poynting-panel{min-width:0;padding:16px;box-shadow:none;overflow:hidden}.poynting-panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:10px}.poynting-panel-head>div:first-child{display:grid;gap:3px}.poynting-panel-head span{color:var(--muted);font-size:.7rem}.poynting-panel-head strong{font-size:.88rem}.poynting-readout{text-align:right}.poynting-readout strong{display:block;color:var(--accent);font-family:var(--em-mono);font-size:.82rem}.poynting-trace-svg,.poynting-geometry-svg,.poynting-angle-svg{width:100%;overflow:hidden;contain:paint}.poynting-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.poynting-axis{stroke:var(--line-strong);stroke-width:1.3}.poynting-grid{stroke:var(--line);stroke-width:1}.poynting-label{fill:var(--muted);font-size:14px;font-family:var(--em-mono)}.poynting-label.strong{fill:var(--text);font-weight:800}.poynting-label.accent{fill:var(--accent)}.poynting-label.warm{fill:var(--warm)}.poynting-label.alt{fill:var(--accent-2)}.poynting-trace-u{fill:none;stroke:var(--accent-2);stroke-width:3}.poynting-trace-s{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:8 5}.poynting-marker{stroke:var(--line-strong);stroke-width:1.5;stroke-dasharray:5 5}.poynting-dot-u{fill:var(--accent-2)}.poynting-dot-s{fill:var(--accent)}.poynting-mean-line{stroke:var(--warm);stroke-width:1.5;stroke-dasharray:6 5}.poynting-flow-line{stroke:var(--accent);stroke-width:7;stroke-linecap:round}.poynting-flow-arrow{fill:var(--accent)}.poynting-normal-line{stroke:var(--warm);stroke-width:4;stroke-linecap:round}.poynting-surface{fill:color-mix(in srgb,var(--accent-2) 16%,transparent);stroke:var(--accent-2);stroke-width:3}.poynting-angle-arc{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-dasharray:4 4}.poynting-angle-curve{fill:none;stroke:var(--accent-2);stroke-width:3}.poynting-angle-point{fill:var(--warm);stroke:var(--text);stroke-width:1.5}.poynting-zero{stroke:var(--line-strong);stroke-width:1.2;stroke-dasharray:5 5}
.poynting-metrics,.poynting-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.poynting-metrics div,.poynting-checks div{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.poynting-metrics span,.poynting-checks span{display:block;color:var(--muted);font-size:.69rem}.poynting-metrics strong,.poynting-checks strong{display:block;margin-top:4px;font-family:var(--em-mono);font-size:.78rem;overflow-wrap:anywhere}.poynting-checks strong{color:var(--accent-3)}.poynting-reading{padding:18px 20px;box-shadow:none}.poynting-reading h3{margin:7px 0 5px;font-size:1rem}.poynting-reading p{margin:0;color:var(--muted);font-size:.88rem}.poynting-scope{padding:68px 0 46px}.poynting-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.poynting-scope-grid article{min-width:0;padding:18px;box-shadow:none}.poynting-scope-grid strong{display:block;margin-top:6px}.poynting-scope-grid p{margin:7px 0 0;color:var(--muted);font-size:.84rem}
@media(max-width:980px){.poynting-hero{grid-template-columns:1fr}.poynting-lab-shell{grid-template-columns:1fr}.poynting-controls{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.poynting-control-head,.poynting-direction,.poynting-presets,.poynting-reset,.poynting-assumption{grid-column:1/-1}.poynting-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.poynting-hero{padding-top:50px}.poynting-hero-copy :is(h1,h2){font-size:clamp(2.1rem,11vw,3.6rem);overflow-wrap:anywhere}.poynting-foundation-grid,.poynting-detail-grid,.poynting-metrics,.poynting-checks,.poynting-scope-grid{grid-template-columns:1fr}.poynting-note{grid-template-columns:1fr}}
@media(max-width:520px){.poynting-controls{grid-template-columns:1fr}.poynting-control-head,.poynting-direction,.poynting-presets,.poynting-reset,.poynting-assumption{grid-column:auto}.poynting-mini-grid{grid-template-columns:1fr}.poynting-panel{padding:12px}.poynting-panel-head{flex-direction:column;gap:6px}.poynting-readout{text-align:left}.poynting-trace-svg,.poynting-geometry-svg,.poynting-angle-svg{min-height:270px}}
@media(max-width:360px){.poynting-scope .section-heading h2{overflow-wrap:anywhere}}