.qrs-zoom{display:block;--qrs-zoom-ink:#0d2e50;margin-top:1.5rem;color:var(--qrs-zoom-ink);padding:clamp(1.1rem,3vw,2rem);background:#f3f6f8;border-radius:1rem}
.qrs-zoom__intro{max-width:68ch}.qrs-zoom__heading{font-size:clamp(1.25rem,2.4vw,1.8rem);letter-spacing:-.025em;line-height:1.18;margin:0;text-wrap:balance;font-weight:600}.qrs-zoom__body{font-size:.88rem;line-height:1.65;margin:.8rem 0 0;text-wrap:pretty}
.qrs-zoom__figure{margin:1rem 0 .8rem;position:relative}.qrs-zoom__diagram{display:block;width:100%;height:auto;max-height:290px}.qrs-zoom__beam{transform-origin:168px 140px;transform:scaleY(.22)}.qrs-zoom__spot{transform-origin:683px 140px;transform:scale(.26)}.qrs-zoom__fixed{font-size:.73rem;font-weight:500;line-height:1.5;padding-inline-start:8%;margin-top:-.35rem}
.qrs-zoom__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1.5rem;align-items:center}.qrs-zoom__controls[hidden]{display:none}.qrs-zoom__range-label{display:block;grid-column:1;font-size:.76rem;font-weight:500}.qrs-zoom__range-label span{display:block;margin-bottom:.45rem}.qrs-zoom input[type=range]{display:block;width:100%;margin:0;height:28px;accent-color:#315e80;cursor:pointer;direction:ltr;touch-action:pan-y}.qrs-zoom__range-ends{display:flex;justify-content:space-between;gap:1rem;grid-column:1;direction:ltr;font-size:.7rem;line-height:1.45;color:#496278}.qrs-zoom__range-ends span{max-width:47%}.qrs-zoom__play{grid-column:2;grid-row:1 / 3;min-height:44px;padding:.65rem 1rem;border:1px solid #9aafbf;border-radius:999px;background:transparent;font-size:.76rem;line-height:1.35;color:inherit;cursor:pointer;transition:background .2s}.qrs-zoom__play:hover{background:#e2eaf0}.qrs-zoom__play:active{transform:translateY(1px)}.qrs-zoom :is(button,input):focus-visible{outline:2px solid #315e80;outline-offset:4px}
.qrs-zoom__steps{display:flex;list-style:none;counter-reset:qrs-zoom;gap:.6rem 1rem;margin:1.4rem 0 0;padding:1rem 0 0;border-top:1px solid #d6e0e7;font-size:.76rem;line-height:1.5}.qrs-zoom__steps li{counter-increment:qrs-zoom;flex:1}.qrs-zoom__steps li:before{content:counter(qrs-zoom,decimal-leading-zero);display:block;color:#67849a;font-variant-numeric:tabular-nums;margin-bottom:.25rem}.qrs-zoom__note{max-width:85ch;margin-top:1rem}
@media(max-width:600px){.qrs-zoom{border-radius:.8rem;padding:1rem}.qrs-zoom__body{font-size:.82rem}.qrs-zoom__figure{margin:.6rem -.4rem .7rem}.qrs-zoom__fixed{font-size:.66rem;padding-inline-start:6%;margin-top:.15rem}.qrs-zoom__controls{gap:.3rem .7rem;grid-template-columns:minmax(0,1fr) 7rem}.qrs-zoom__play{font-size:.7rem;padding:.5rem .6rem}.qrs-zoom__steps{gap:.5rem;font-size:.7rem}.qrs-zoom__range-label{font-size:.7rem}}
.qrs-zoom[data-running=true] .qrs-zoom__signal{animation:qrs-zoom-signal 1.5s linear infinite}
@keyframes qrs-zoom-signal{to{stroke-dashoffset:-20}}
@media(prefers-reduced-motion:reduce){.qrs-zoom__play{transition:none}.qrs-zoom .qrs-zoom__signal{animation:none}}

.qrs-family-card--spark{grid-column:1/-1}