.resonator-chapter{padding-top:clamp(4rem,8vw,7rem)}
.k08-header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}
.k08-index,.resonator-card,.resonator-coupling-grid article,.resonator-response-grid article,.resonator-panel,.resonator-reading-card,.resonator-check-card,.resonator-limit-grid article{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:clamp(1rem,2.2vw,1.5rem)}
.k08-index span,.resonator-card>span,.resonator-coupling-grid article>span,.resonator-response-grid article>span,.resonator-limit-grid article>span,.resonator-reading-card>span,.resonator-check-card>span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}
.k08-index strong,.resonator-card strong,.resonator-coupling-grid strong,.resonator-response-grid strong,.resonator-limit-grid strong{display:block;font-size:1.05rem;margin-bottom:.65rem}
.resonator-equation-grid,.resonator-coupling-grid,.resonator-response-grid,.resonator-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.resonator-card.primary,.resonator-coupling-grid .key{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}
.resonator-lab-shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:1rem;align-items:start}
.resonator-controls{position:sticky;top:5.4rem;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:1rem;display:grid;gap:.9rem}
.resonator-controls label{display:grid;grid-template-columns:1fr auto;gap:.45rem .8rem;align-items:center;font-size:.86rem}.resonator-controls label>span{color:var(--muted)}
.resonator-controls input,.resonator-controls select{grid-column:1/-1;width:100%}.resonator-controls output{font-variant-numeric:tabular-nums;color:var(--text)}
.resonator-reset{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text);cursor:pointer}
.resonator-stage{display:grid;gap:1rem;min-width:0}.resonator-panel{min-width:0;overflow:hidden}.resonator-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:.8rem}.resonator-panel-head span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.resonator-panel-head strong{font-size:.95rem}
.resonator-mode-svg,.resonator-response-svg{display:block;width:100%;height:auto;max-width:100%;overflow:visible;background:color-mix(in srgb,var(--bg) 55%,transparent);border-radius:14px}.res-axis{stroke:var(--line-strong);stroke-width:1.5}.res-mode-line,.res-response-line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.res-drive-line{stroke:var(--warning,#f2c56b);stroke-width:2;stroke-dasharray:7 6}.res-drive-dot,.res-current-dot{fill:var(--warning,#f2c56b);stroke:var(--bg);stroke-width:3}.res-peak-dot{fill:var(--accent-2,#9c8cff);stroke:var(--bg);stroke-width:2}.res-eigen-line{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 6}.res-svg-label{fill:var(--muted);font-size:17px}.res-grid-line{stroke:var(--line);stroke-width:1;opacity:.75}
.resonator-telemetry,.resonator-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.resonator-telemetry>div,.resonator-metrics>div{padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid)}.resonator-telemetry span,.resonator-metrics span{display:block;color:var(--muted);font-size:.75rem}.resonator-telemetry strong,.resonator-metrics strong{font-size:.92rem;font-variant-numeric:tabular-nums}
.resonator-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.resonator-reading-card h3{margin:.2rem 0 .5rem}.resonator-check-card>div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.resonator-check-card>div span{color:var(--muted)}
@media(max-width:900px){.k08-header,.resonator-lab-shell{grid-template-columns:1fr}.resonator-controls{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.resonator-controls .resonator-reset{grid-column:1/-1}.resonator-equation-grid,.resonator-coupling-grid,.resonator-response-grid,.resonator-limit-grid{grid-template-columns:1fr}.resonator-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.resonator-controls{grid-template-columns:1fr}.resonator-panel{padding:.8rem}.resonator-panel-head{align-items:flex-start;flex-direction:column}.resonator-telemetry,.resonator-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.resonator-mode-svg,.resonator-response-svg{min-width:0}.res-svg-label{font-size:20px}}
@media(max-width:360px){.resonator-telemetry,.resonator-metrics{grid-template-columns:1fr}}
@media(max-width:680px){.resonator-chapter h1,.resonator-model h2,.resonator-coupling h2,.resonator-response h2,.resonator-lab h2,.resonator-limits h2,.resonator-takeaways h2{overflow-wrap:anywhere}.resonator-card,.resonator-coupling-grid article,.resonator-response-grid article,.resonator-limit-grid article{min-width:0}.resonator-card .equation{overflow-wrap:anywhere;word-break:normal;font-size:clamp(.8rem,3.6vw,1rem)}}