/**
 * @file settings-switch.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description A setting that is on or off: a checkbox and its words. Drawn by components/SettingsSwitch.js.
 *   Reads only the tokens in theme.css and the shapes in poster.css; a page never styles it from
 *   outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

.poster-settings-switch {
  display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap;
  font-size: 0.88rem; color: var(--muted); margin-bottom: 1rem;
}