/* PWM Control Interactive Demo — embed styles (companion to pwm-control.js) */
.pwm-embed{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin:26px 0}
.pwm-card{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:20px}
.pwm-wave-card{display:flex;flex-direction:column}
.pwm-wave-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#52647c;margin-bottom:12px}
.pwm-duty-badge{background:#1677ff;color:#fff;font-weight:700;font-size:13px;padding:3px 12px;border-radius:999px}
.pwm-canvas-wrap{position:relative;width:100%;height:150px}
#pwmWaveCanvas{width:100%;height:150px;display:block;background:#fbfcfe;border:1px solid #e2eaf2;border-radius:10px}
.pwm-slider-head{display:flex;justify-content:space-between;font-size:14px;color:#52647c;margin-bottom:10px}
.pwm-slider-value{font-weight:700;color:#0b1f3a;font-size:16px}
#pwmDutySlider{width:100%;accent-color:#1677ff}
.pwm-range-labels{display:flex;justify-content:space-between;font-size:12px;color:#98a6b8;margin-top:4px}
.pwm-zone-note{font-size:13px;color:#66758a;background:#f6f9fc;border:1px solid #e2eaf2;border-radius:10px;padding:10px 12px;margin-top:12px;min-height:52px}
.pwm-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.pwm-preset{border:1px solid #dfe5ee;background:#fff;border-radius:10px;padding:8px 4px;font-size:13px;cursor:pointer;color:#52647c}
.pwm-preset:hover{border-color:#1677ff;color:#1677ff}
.pwm-preset.active{background:#1677ff;border-color:#1677ff;color:#fff;font-weight:700}
.pwm-readout-card h2{margin:0 0 14px;font-size:18px;color:#0b1f3a}
.pwm-metric{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid #eef2f7}
.pwm-metric:last-of-type{border-bottom:none}
.pwm-metric-label{font-size:14px;color:#52647c}
.pwm-metric-number{font-size:22px;font-weight:700;color:#0b1f3a}
.pwm-metric-number small{font-size:13px;font-weight:400;color:#98a6b8;margin-left:2px}
.pwm-note{font-size:12.5px;color:#98a6b8;margin-top:12px;line-height:1.5}
@media (max-width:860px){.pwm-embed{grid-template-columns:1fr}.pwm-presets{grid-template-columns:repeat(2,1fr)}}