/* One understated, keyboard-accessible choice on every surface. */
.theme-control { padding: 8px 0; color: inherit; }
.theme-control .theme-picker { position: relative; display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; color: #536978; font: 400 14px/1.4 Aptos, 'Segoe UI', sans-serif; }
.theme-control .theme-picker > span:first-child { pointer-events: none; }
.theme-control .theme-picker select { appearance: none; background: transparent; background-image: none; border: 1px solid transparent; border-radius: 6px; color: #123f68; width: auto; min-height: 40px; margin: 0; padding: 8px 28px 8px 6px; font: inherit; cursor: pointer; box-shadow: none; }
.theme-control .theme-picker select:hover { background-color: #eaf2f7; }
.theme-control .theme-picker select:focus-visible { outline: 3px solid #c08020; outline-offset: 2px; }
.theme-control .theme-chevron { position: absolute; right: 10px; top: 50%; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.public-theme { width: fit-content; max-width: calc(100% - 48px); margin: 12px 24px 0 auto; }
html[data-theme="dark"] .theme-control .theme-picker { color: #b7c9d9; }
html[data-theme="dark"] .theme-control .theme-picker select { color: #dbeafa; }
html[data-theme="dark"] .theme-control .theme-picker select:hover { background-color: #22374b; }
html[data-theme="dark"] .theme-control .theme-picker option { color: #dbeafa; background: #1b2c3e; }
@media print { html { color-scheme: light !important; } .theme-control { display: none !important; } }