.switch-card-preview{align-content:center;gap:10px;padding:16px;display:grid}.switch-card-stage{gap:8px;display:grid}.switch-card-window{border-radius:6px;align-content:center;justify-items:center;gap:4px;min-height:42px;padding:8px;display:grid}.switch-card-window-bar{opacity:.55;background:currentColor;border-radius:99px;width:56%;height:3px}.switch-card-window b{letter-spacing:.2px;font-size:8px;font-weight:700}.switch-card-row{border:1px solid var(--line);background:var(--surface-card);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.switch-card-row-text{gap:1px;min-width:0;display:grid}.switch-card-row-text b{color:var(--ink);font-size:9px;font-weight:700}.switch-card-row-text small{color:var(--muted);font-size:7px}.switch-card-toggle{background:var(--color-deco);border-radius:99px;flex:none;align-items:center;width:28px;height:16px;padding:2px;display:inline-flex}.switch-card-toggle.is-on{background:var(--ink);justify-content:flex-end}.switch-card-toggle i{background:#fff;border-radius:50%;width:12px;height:12px;display:block;box-shadow:0 0 0 1px #0000000f}.switch-card-preview p{color:var(--muted);text-align:center;margin:0;font-size:8px}.switch-effect-flow{align-items:center;gap:10px;display:flex}.switch-effect-flow span,.switch-effect-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.switch-effect-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.switch-effect-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.switch-effect-flow{flex-direction:column;align-items:stretch}.switch-effect-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.switch-demo{gap:var(--element-gap);border-color:var(--line);background:var(--color-white)}.switch-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.switch-demo-brief b{color:var(--ink);font-weight:var(--font-weight-bold)}.switch-demo-window{gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);transition:background-color .16s,color .16s;display:grid}.switch-demo-window.is-dark{color:#f4f4f5;background:#222}@media (prefers-reduced-motion:reduce){.switch-demo-window{transition:none}}.switch-demo-window-bar{justify-content:space-between;align-items:center;display:flex}.switch-demo-window-dots{opacity:.35;background:currentColor;border-radius:99px;gap:4px;width:28px;height:6px;display:inline-flex}.switch-demo-window-bell{color:currentColor;justify-content:center;align-items:center;display:inline-flex;position:relative}.switch-demo-window-bell svg{opacity:.85;width:16px;height:16px}.switch-demo-window-badge{background:var(--ink);color:#fff;text-align:center;border-radius:99px;min-width:12px;height:12px;padding:0 3px;font-size:8px;font-weight:800;line-height:12px;position:absolute;top:-3px;right:-4px}.switch-demo-window.is-dark .switch-demo-window-badge{color:#222;background:#f4f4f5}.switch-demo-window-body{gap:3px;display:grid}.switch-demo-window-body strong{font-size:13px;font-weight:var(--font-weight-bold)}.switch-demo-window-hint{color:currentColor;opacity:.7;font-size:var(--text-caption);line-height:var(--leading-caption)}.switch-demo-window-news{background:color-mix(in srgb, currentColor 14%, transparent);color:currentColor;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:99px;justify-self:start;margin-top:4px;padding:3px 9px}.switch-demo-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.switch-demo-pane{align-content:start;gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);display:grid}.switch-demo-pane header{gap:2px;display:grid}.switch-demo-pane header small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.switch-demo-pane header span{color:var(--ink);font-size:13px;font-weight:var(--font-weight-bold)}.switch-demo-row{justify-content:space-between;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);display:flex}.switch-demo-row-text{gap:1px;min-width:0;display:grid}.switch-demo-row-text b{color:var(--ink);font-size:13px;font-weight:var(--font-weight-semibold)}.switch-demo-row-text small{color:var(--muted);font-size:var(--text-caption)}.switch-demo-row-control{align-items:center;gap:var(--spacing-8);flex:none;display:inline-flex}.switch-demo-sync{font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.3}.switch-demo-sync.is-syncing{color:var(--muted)}.switch-demo-sync.is-idle{display:none}.switch-demo-toggle{background:var(--color-deco);cursor:pointer;border:0;border-radius:99px;align-items:center;width:40px;height:22px;padding:2px;transition:background-color .16s,justify-content .16s;display:inline-flex;position:relative}.switch-demo-toggle.is-off{justify-content:flex-start}.switch-demo-toggle.is-on{background:var(--ink);justify-content:flex-end}.switch-demo-toggle:disabled{cursor:not-allowed;opacity:.65}.switch-demo-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.switch-demo-knob{background:#fff;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 1px #0000000f}@media (prefers-reduced-motion:reduce){.switch-demo-toggle{transition:none}}.switch-demo-check{align-items:flex-start;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);color:var(--ink);cursor:pointer;font-size:13px;display:flex}.switch-demo-check-text{gap:1px;min-width:0;display:grid}.switch-demo-check-text b{color:var(--ink);font-size:13px;font-weight:var(--font-weight-semibold)}.switch-demo-check-text small{color:var(--muted);font-size:var(--text-caption)}.switch-demo input[type=checkbox]{accent-color:var(--ink)}.switch-demo-check-note{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.term-interactive-demo.switch-demo .switch-demo-save{font-weight:var(--font-weight-bold);justify-self:start;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.term-interactive-demo.switch-demo .switch-demo-save:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.term-interactive-demo.switch-demo .switch-demo-save:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.switch-demo .switch-demo-save:disabled{opacity:.5;cursor:not-allowed}.switch-demo-tools{justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.switch-demo-outcome{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:inline-flex}.switch-demo-outcome small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.term-interactive-demo.switch-demo .switch-demo-outcome button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--ink)}.term-interactive-demo.switch-demo .switch-demo-outcomes button:hover,.term-interactive-demo.switch-demo .switch-demo-outcome button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.switch-demo .switch-demo-outcome button.is-selected,.term-interactive-demo.switch-demo .switch-demo-outcome button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.switch-demo .switch-demo-outcome button:focus-visible,.term-interactive-demo.switch-demo .switch-demo-reset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.switch-demo-reset{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:32px;color:var(--muted);font:inherit;font-size:13px;font-weight:var(--font-weight-semibold);padding:5px 14px}.term-interactive-demo.switch-demo .switch-demo-reset:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.switch-demo-status{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 35%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);min-height:44px;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.switch-checklist{margin-bottom:0}.switch-checklist li{gap:4px;display:grid}.switch-checklist strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.switch-checklist span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.switch-checklist code{color:#4a4c54;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eceef2;border-radius:3px;padding:1px 5px;font-size:12px}.switch-boundary{gap:var(--element-gap);margin-bottom:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.switch-boundary article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.switch-boundary article.is-good{border-left:4px solid var(--ink);background:var(--color-white)}.switch-boundary article.is-bad{border-left:4px dashed var(--color-deco,var(--line));background:var(--color-faint,var(--soft))}.switch-boundary article header{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);display:flex}.switch-boundary article header strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-bold)}.switch-boundary article header small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.switch-boundary article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.switch-boundary article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}.switch-boundary article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.switch-boundary article span{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.switch-when-list{margin-bottom:0}@media (max-width:560px){.switch-demo-grid,.switch-boundary{grid-template-columns:1fr}}.term-card .switch-card-preview{background:#e9eef7}.switch-card-window.is-dark{color:#f5f7fb;background:#1c2533}.switch-card-toggle.is-on{background:#385e9d}.term-interactive-demo.switch-demo{--switch-ink:#273b5d;color:var(--switch-ink);background:#e9eef7;border-color:#bdcae0}.term-interactive-demo.switch-demo button{color:var(--switch-ink);background:#fff;border-color:#aebeda}.term-interactive-demo.switch-demo button:hover:not(:disabled){color:#1f3659;background:#dce6f5;border-color:#385e9d}.switch-demo-window.is-light{color:#273b5d;background:#f7f9fc}.switch-demo-window.is-dark .switch-demo-window-news,.switch-demo-window.is-dark .switch-demo-window-badge{color:#231b07;background:#d4a33a}.switch-demo-pane{background:#f9fbff;border-color:#bdcae0}.switch-demo-row,.switch-demo-check{background:#fff;border-color:#c8d4e7}.switch-demo-toggle.is-on{background:#385e9d}.switch-demo-toggle:focus-visible,.term-interactive-demo.switch-demo .switch-demo-save:focus-visible,.switch-demo-reset:focus-visible{outline-color:#385e9d}.switch-demo-sync.is-synced{color:#226a4a}.switch-demo-sync.is-failed{color:#9d3944}.term-interactive-demo.switch-demo .switch-demo-save{color:#fff;background:#385e9d}.term-interactive-demo.switch-demo .switch-demo-save:hover:not(:disabled){color:#fff;background:#294979}.term-interactive-demo.switch-demo .switch-demo-outcome button.is-selected,.term-interactive-demo.switch-demo .switch-demo-outcome button[aria-pressed=true]{color:#1f3659!important;background:#dce6f5!important;border-color:#385e9d!important}.switch-demo-status{color:#314866;background:#fff;border-left-color:#385e9d}