/* Platform-aware rendering. Pair with platform.js, which stamps
   data-os="mac|win" on <html>. Tag divergent content with class="mac" or
   class="win"; shared prose stays untagged. Keyboard shortcuts: emit both
   <kbd class="mac">⌘L</kbd><kbd class="win">Ctrl+L</kbd> side by side and
   this sheet shows exactly one. */
html[data-os="mac"] .win { display: none !important; }
html[data-os="win"] .mac { display: none !important; }

/* The macOS/Windows switch pill. Hidden until the Windows launch flips
   platform.js's WINDOWS_LIVE (which stamps data-os-toggle="on"). */
.os-switch { display: none; }
html[data-os-toggle="on"] .os-switch {
  display: inline-flex; gap: 0; border: 1px solid var(--border, #262c3a);
  border-radius: 999px; overflow: hidden; vertical-align: middle;
}
.os-switch button {
  appearance: none; border: none; background: transparent;
  color: var(--muted, #9aa3b5); font: inherit; font-size: 13px;
  padding: 5px 14px; cursor: pointer;
}
.os-switch button[aria-pressed="true"] {
  background: rgba(91, 140, 255, 0.18); color: var(--text, #e8ebf2);
}
