.demo[data-astro-cid-lsqt65iu]{--demo-pad:clamp(1rem, 2.5vw, 1.5rem);gap:.75rem;display:grid}.demo__stage[data-astro-cid-lsqt65iu]{background:radial-gradient(120% 90% at 50% 20%, #fff 0%, var(--tile) 60%, #e6edf8 100%);border-radius:var(--r-lg);padding:var(--demo-pad);position:relative;overflow:hidden}.demo__stage[data-astro-cid-lsqt65iu] .arch{width:min(100%,540px);margin-inline:auto}.demo--compact[data-astro-cid-lsqt65iu] .demo__stage[data-astro-cid-lsqt65iu] .arch{width:min(100%,440px)}.demo__readout[data-astro-cid-lsqt65iu]{left:var(--demo-pad);top:var(--demo-pad);background:var(--panel);border-radius:var(--r-md);box-shadow:var(--shadow-sm);grid-template-columns:auto auto;align-items:baseline;column-gap:.4rem;padding:.55rem .9rem .6rem;line-height:1;display:grid;position:absolute}.demo__num[data-astro-cid-lsqt65iu]{color:var(--navy);letter-spacing:-.02em;font-variation-settings:"opsz" 48;font-size:1.85rem;font-weight:750}.demo__of[data-astro-cid-lsqt65iu]{font-size:var(--fs-0);color:var(--muted);font-weight:600}.demo__phase[data-astro-cid-lsqt65iu]{font-size:var(--fs-0);color:var(--blue-deep);grid-column:1/-1;margin-top:.3rem;font-weight:600}.demo__legend[data-astro-cid-lsqt65iu]{right:var(--demo-pad);top:var(--demo-pad);color:var(--ink-2);gap:.3rem;font-size:.72rem;font-weight:600;list-style:none;display:grid;position:absolute}.demo__legend[data-astro-cid-lsqt65iu] li[data-astro-cid-lsqt65iu]{align-items:center;gap:.4rem;display:flex}.demo__swatch[data-astro-cid-lsqt65iu]{border-radius:2px;width:12px;height:8px;display:inline-block}.demo__swatch--att[data-astro-cid-lsqt65iu]{background:var(--blue)}.demo__swatch--ipr[data-astro-cid-lsqt65iu]{background:var(--red);width:3px;height:12px}.demo__swatch--plan[data-astro-cid-lsqt65iu]{border:1.5px dashed var(--blue);background:0 0;width:14px;height:9px}.demo__note[data-astro-cid-lsqt65iu]{left:var(--demo-pad);bottom:var(--demo-pad);color:var(--muted);font-size:.72rem;font-weight:550;position:absolute}.demo__controls[data-astro-cid-lsqt65iu]{gap:.6rem;display:grid}.demo__phases[data-astro-cid-lsqt65iu]{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.demo__phase-btn[data-astro-cid-lsqt65iu]{border-radius:var(--r-pill);background:var(--panel);color:var(--ink-2);font-size:var(--fs-0);border:1px solid var(--line);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:.55rem .5rem;font-weight:600}.demo__phase-btn[data-astro-cid-lsqt65iu]:hover{border-color:var(--line-strong);color:var(--navy)}.demo__phase-btn[data-astro-cid-lsqt65iu][aria-current=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.demo__slider[data-astro-cid-lsqt65iu]{align-items:center;gap:.75rem;display:flex}.demo__play[data-astro-cid-lsqt65iu]{background:var(--green);color:#fff;width:2.5rem;height:2.5rem;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.demo__play[data-astro-cid-lsqt65iu]:hover{background:var(--green-deep);transform:scale(1.05)}.demo__play[data-astro-cid-lsqt65iu][data-playing]{background:var(--navy)}.demo__range[data-astro-cid-lsqt65iu]{appearance:none;background:0 0;width:100%;height:2rem;margin:0}.demo__range[data-astro-cid-lsqt65iu]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--blue) var(--p), var(--line) var(--p));border-radius:999px;height:8px}.demo__range[data-astro-cid-lsqt65iu]::-moz-range-track{background:var(--line);border-radius:999px;height:8px}.demo__range[data-astro-cid-lsqt65iu]::-moz-range-progress{background:var(--blue);border-radius:999px;height:8px}.demo__range[data-astro-cid-lsqt65iu]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--navy);width:22px;height:22px;box-shadow:var(--shadow-sm);cursor:grab;background:#fff;border-radius:50%;margin-top:-7px}.demo__range[data-astro-cid-lsqt65iu]::-moz-range-thumb{border:3px solid var(--navy);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:grab;background:#fff;border-radius:50%}.demo__range[data-astro-cid-lsqt65iu]:active::-webkit-slider-thumb{cursor:grabbing}.demo__range[data-astro-cid-lsqt65iu]:focus-visible{outline:none}.demo__range[data-astro-cid-lsqt65iu]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--blue-soft)}.demo__range[data-astro-cid-lsqt65iu]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--blue-soft)}.demo--compact[data-astro-cid-lsqt65iu] .demo__legend[data-astro-cid-lsqt65iu]{display:none}.demo--compact[data-astro-cid-lsqt65iu] .demo__note[data-astro-cid-lsqt65iu]{right:var(--demo-pad);left:auto;top:var(--demo-pad);bottom:auto}.demo--compact[data-astro-cid-lsqt65iu] .demo__phase-btn[data-astro-cid-lsqt65iu]{padding:.45rem .4rem;font-size:.75rem}@media (width<=560px){.demo__stage[data-astro-cid-lsqt65iu]{gap:.5rem;display:grid}.demo__phases[data-astro-cid-lsqt65iu]{grid-template-columns:repeat(2,1fr)}.demo__legend[data-astro-cid-lsqt65iu]{grid-template-columns:repeat(3,auto);justify-content:start;gap:.75rem;margin-top:.25rem;position:static}.demo__note[data-astro-cid-lsqt65iu],.demo--compact[data-astro-cid-lsqt65iu] .demo__note[data-astro-cid-lsqt65iu]{margin:0;display:block;position:static}.demo__readout[data-astro-cid-lsqt65iu]{order:-1;justify-self:start;padding:.45rem .7rem .5rem;position:static}.demo__num[data-astro-cid-lsqt65iu]{font-size:1.5rem}}