.beats-chapter,.beats-model,.beats-factor,.beats-unequal,.beats-lab,.beats-limits,.beats-takeaways{padding-top:clamp(4.2rem,8vw,7rem);padding-bottom:clamp(3rem,7vw,6rem)}
.k09-header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(2rem,5vw,5rem);align-items:end}.k09-header h1{margin:.35rem 0 1rem;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.92}.k09-index{padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.k09-index>span,.beats-card>span,.beats-factor-grid article>span,.beats-unequal-grid article>span,.beats-reading-card>span{display:block;color:var(--muted);font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}.k09-index strong{display:block;margin:.3rem 0 .7rem}.k09-index p{margin:0;color:var(--muted)}
.beats-equation-grid,.beats-factor-grid,.beats-unequal-grid,.beats-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.beats-card,.beats-factor-grid article,.beats-unequal-grid article,.beats-limit-grid article,.beats-panel,.beats-reading-card{padding:1.15rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);min-width:0}.beats-card.key,.beats-unequal-grid .key{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel))}.beats-card strong,.beats-factor-grid strong,.beats-unequal-grid strong,.beats-limit-grid strong{display:block;margin:.32rem 0 .7rem}.beats-card p,.beats-factor-grid p,.beats-unequal-grid p,.beats-limit-grid p{margin:.55rem 0 0;color:var(--muted)}.beats-card .equation,.beats-factor-grid .equation{margin-top:.75rem}.beats-factor-grid{grid-template-columns:1.5fr .75fr .75fr}.beats-factor-main{grid-row:span 1}.beats-factor-main .equation.large{font-size:clamp(.88rem,1.7vw,1.12rem);overflow-wrap:anywhere}
.beats-lab-shell{display:grid;grid-template-columns:minmax(235px,.31fr) minmax(0,.69fr);gap:1rem;align-items:start}.beats-controls{position:sticky;top:88px;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:grid;gap:.85rem;min-width:0}.beats-controls label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;align-items:center;font-size:.86rem}.beats-controls label>span{color:var(--muted)}.beats-controls input{grid-column:1/-1;width:100%;min-width:0}.beats-controls output{font-variant-numeric:tabular-nums}.beats-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.beats-actions button{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text);cursor:pointer}.beats-stage{display:grid;gap:1rem;min-width:0}.beats-panel{overflow:hidden}.beats-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem}.beats-panel-head span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.beats-time-svg,.beats-phasor-svg{display:block;width:100%;height:auto;max-width:100%;background:color-mix(in srgb,var(--bg) 55%,transparent);border-radius:14px;overflow:visible}.beat-grid-line{stroke:var(--line);stroke-width:1;opacity:.7}.beat-axis,.beat-ph-axis{stroke:var(--line-strong);stroke-width:1.5}.beat-component{fill:none;stroke-width:1.5;opacity:.5}.beat-one{stroke:var(--accent-2,#9c8cff)}.beat-two{stroke:var(--warning,#f2c56b)}.beat-sum{fill:none;stroke:var(--accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.beat-envelope{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:7 6}.beat-cursor{stroke:var(--warning,#f2c56b);stroke-width:1.6;stroke-dasharray:5 5}.beat-cursor-dot{fill:var(--warning,#f2c56b);stroke:var(--bg);stroke-width:3}.beat-svg-label{fill:var(--muted);font-size:17px}.beats-legend{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:.75rem 0;color:var(--muted);font-size:.79rem}.beats-legend span{display:flex;align-items:center;gap:.4rem}.beats-legend i{width:18px;height:2px;background:var(--muted)}.beats-legend .one i{background:var(--accent-2,#9c8cff)}.beats-legend .two i{background:var(--warning,#f2c56b)}.beats-legend .sum i{height:3px;background:var(--accent)}.beats-legend .env i{background:var(--muted);border-top:1px dashed var(--muted);height:0}.beats-telemetry,.beats-reading-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.beats-telemetry>div,.beats-reading-metrics>div{padding:.72rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid)}.beats-telemetry span,.beats-reading-metrics span{display:block;color:var(--muted);font-size:.74rem}.beats-telemetry strong,.beats-reading-metrics strong{font-size:.9rem;font-variant-numeric:tabular-nums}.beats-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:1rem}.beats-phasor-panel{display:flex;flex-direction:column}.beat-ph-circle{fill:none;stroke:var(--line);stroke-width:1.2;stroke-dasharray:4 5}.beat-phasor{stroke-width:4;stroke-linecap:round}.beat-phasor.p1{stroke:var(--accent-2,#9c8cff)}.beat-phasor.p2{stroke:var(--warning,#f2c56b)}.beat-phasor-dot.p1{fill:var(--accent-2,#9c8cff)}.beat-phasor-dot.p2{fill:var(--warning,#f2c56b)}.beat-resultant{stroke:var(--accent);stroke-width:5;stroke-linecap:round}.beat-resultant-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2}.beats-reading-card h3{margin:.25rem 0 .65rem}.beats-reading-card>p{color:var(--muted);margin:0 0 1rem}.beats-next{margin-top:1rem}
@media(max-width:940px){.k09-header,.beats-lab-shell{grid-template-columns:1fr}.beats-controls{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.beats-actions{grid-column:1/-1}.beats-factor-grid,.beats-equation-grid,.beats-unequal-grid,.beats-limit-grid{grid-template-columns:1fr}.beats-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.beats-controls{grid-template-columns:1fr}.beats-actions{grid-column:auto}.beats-panel,.beats-reading-card{padding:.82rem}.beats-panel-head{align-items:flex-start;flex-direction:column}.beats-telemetry,.beats-reading-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-svg-label{font-size:20px}.beats-time-svg,.beats-phasor-svg{min-width:0}.beats-chapter h1,.beats-model h2,.beats-factor h2,.beats-unequal h2,.beats-lab h2,.beats-limits h2,.beats-takeaways h2{overflow-wrap:anywhere}.beats-card .equation,.beats-factor-grid .equation,.beats-unequal-grid strong{overflow-wrap:anywhere;word-break:normal}}
@media(max-width:360px){.beats-telemetry,.beats-reading-metrics{grid-template-columns:1fr}}