/* Switches: scene colours are concrete (a framed print), identical in light and dark. */
.stage .sw-svg { display: block; width: 100%; height: 100%; }
.stage .sw-lever { transform-box: view-box; transform-origin: 0 0; transition: transform .11s cubic-bezier(.4, 1.7, .5, 1); }
@media (prefers-reduced-motion: reduce) { .stage .sw-lever { transition: none; } }

.stage .sw-sight { pointer-events: none; }
.stage .sw-sight-line { stroke: #2a2420; stroke-width: .75; stroke-opacity: .45; stroke-linecap: round; }

.stage .sw-reveal { pointer-events: none; opacity: 0; transition: opacity .5s; }
.stage .sw-reveal.is-on { opacity: 1; }
.stage .sw-reveal.is-instant { transition: none; }
.stage .sw-guide { fill: none; stroke: #d4a640; stroke-width: 1.4; stroke-linecap: round; }
.stage .sw-guide-dash { stroke-dasharray: 4 3; }
.stage .sw-pill-bg { fill: #fbf7ef; fill-opacity: .94; stroke: #c9bda9; stroke-width: 1; }
.stage .sw-pill.is-ok .sw-pill-bg { stroke: #5e7a4c; }
.stage .sw-pill-t { font: 500 13px var(--mono); fill: #2a2420; font-variant-numeric: tabular-nums; }
.stage .sw-check { fill: none; stroke: #5e7a4c; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }