.explainer-stage{background:var(--lab-bg-deepest);grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:560px;display:grid;position:relative;overflow:hidden}.explainer-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.explainer-canvas:active{cursor:grabbing}.explainer-labels{pointer-events:none;position:absolute;inset:0}.explainer-band{z-index:1;background:var(--lab-bg-card);padding-inline:clamp(16px,2.4vw,32px);position:relative}.explainer-head{border-bottom:3px solid var(--lab-cobalt);padding-block:12px}.explainer-caption{border-top:1.5px solid var(--lab-ink-system);padding-block:0 clamp(14px,2vw,22px)}.explainer-caption__grid{grid-template-columns:minmax(0,1fr);align-items:end;gap:14px 32px;display:grid}.explainer-caption__text{min-width:0;display:grid}.explainer-caption__text>*{grid-area:1/1;min-width:0}.explainer-caption__sizer{visibility:hidden}.explainer-caption__body{max-width:80ch;max-height:34svh;overflow-y:auto}.explainer-caption__controls{align-items:center;gap:8px;display:flex}.explainer-body{z-index:1;pointer-events:none;grid-template-columns:minmax(0,1fr);min-height:0;padding:16px clamp(16px,2.4vw,32px);display:grid;position:relative}.explainer-window{grid-area:1/1;min-height:0;position:relative}.explainer-panel{border:1.5px solid var(--lab-ink-system);background:var(--lab-bg-card);pointer-events:auto;align-self:start;max-height:100%;padding:14px 16px;display:none;overflow-y:auto}.explainer-panel__title{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--lab-ink-system);justify-content:space-between;gap:12px;font-weight:700;display:flex}.explainer-overlay{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.explainer-zoom{border:1.5px solid var(--lab-ink-system);background:var(--lab-bg-card);pointer-events:auto;flex-direction:column;display:flex;position:absolute;bottom:0;right:0}.explainer-zoom>button{cursor:pointer;width:36px;height:36px;color:var(--lab-cobalt);place-items:center;transition:background-color .15s,color .15s;display:grid}.explainer-zoom>button+button{border-top:1px solid var(--lab-border)}.explainer-zoom>button:hover{background:var(--lab-cobalt);color:var(--lab-bg-card)}.explainer-hint{border:1px solid var(--lab-border);background:var(--lab-bg-card);font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--lab-text-secondary);padding:4px 8px;font-weight:600;position:absolute;bottom:0;left:0}.explainer-label{white-space:nowrap;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--lab-ink-system);will-change:transform;align-items:center;gap:6px;margin:-5px 0 0 -5px;font-weight:600;display:flex;position:absolute;top:0;left:0}.explainer-label:before{content:"";border:2px solid var(--lab-bg-card);background:var(--lab-cobalt);flex:none;width:10px;height:10px}.explainer-label>span{border:1px solid var(--lab-ink-system);background:var(--lab-bg-card);padding:3px 7px}@media (width<=719px){.explainer-hint{display:none}}@media (width>=720px){.explainer-caption__grid{grid-template-columns:minmax(0,1fr) auto}}@media (width>=1100px){.explainer-body{grid-template-columns:17rem minmax(0,1fr) 15rem;gap:clamp(16px,2vw,28px)}.explainer-window{grid-column:2}.explainer-panel{grid-row:1;display:block}.explainer-steps{grid-column:1}.explainer-facts{grid-column:3}.explainer-caption__facts{display:none}.explainer-caption__text{min-width:0;display:grid}.explainer-caption__text>*{grid-area:1/1;min-width:0}.explainer-caption__sizer{visibility:hidden}.explainer-caption__body{max-height:22svh}}