/* P2D: shared accessible segmented light / system / dark control. */
:root[data-theme="light"] { color-scheme:light; }
:root[data-theme="dark"] { color-scheme:dark; }
.rt-appearance {
  display:inline-flex; align-items:center; flex:0 0 auto; gap:2px;
  padding:3px; border:1px solid var(--rt-switch-border, #596273);
  border-radius:999px; background:var(--rt-switch-bg, #1f2937);
  max-width:100%;
}
.rt-appearance button {
  appearance:none; border:0; background:transparent; color:var(--rt-switch-text, #e2e8f0);
  min-width:44px; min-height:36px; padding:6px 10px;
  font:600 12px/1.3 system-ui,Segoe UI,Roboto,Arial,sans-serif;
  cursor:pointer; border-radius:999px; white-space:nowrap;
}
.rt-appearance button[aria-pressed="true"] {
  background:var(--rt-switch-selected-bg, #e2e8f0);
  color:var(--rt-switch-selected-text, #0f172a);
  box-shadow:0 1px 3px rgba(0,0,0,.1);
}
.rt-appearance button:hover:not([aria-pressed="true"]) {background:var(--rt-switch-hover, rgba(255,255,255,.1));}
.rt-appearance button:focus-visible {outline:2px solid var(--rt-switch-focus, #38bdf8);outline-offset:2px;}
@media(max-width:420px) {
  .rt-appearance button {font-size:11px;padding:6px 7px;}
}