:root {
  --sabl-dark-bg: #0b1220;
  --sabl-dark-surface: #111c2f;
  --sabl-dark-surface-2: #17243a;
  --sabl-dark-text: #f4f7fb;
  --sabl-dark-muted: #b8c3d4;
  --sabl-dark-border: #30415b;
  --sabl-gold: #d7a737;
}

.sabl-appearance-control {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99990;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 5px;
  border: 1px solid rgba(16, 24, 40, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  color: #101828;
  box-shadow: 0 8px 28px rgba(4, 12, 24, .2);
  font: 600 12px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  backdrop-filter: blur(12px);
}

.sabl-appearance-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sabl-appearance-option {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 7px 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.sabl-appearance-option:hover,
.sabl-appearance-option:focus-visible {
  background: #eef2f7;
  outline: none;
}

.sabl-appearance-option[aria-pressed="true"] {
  background: #0b2647;
  color: #fff;
}

html[data-sabl-appearance="dark"] body {
  background: var(--sabl-dark-bg) !important;
  color: var(--sabl-dark-text) !important;
}

html[data-sabl-appearance="dark"] :is(.masthead, .main, .site-main, main, article, .card, .mini-card, .headline-list, .category-band, .sbl-pulse, .sbl-pulse-card, .sbl-weather, .sabl-newsletter, .site-footer, footer) {
  color: var(--sabl-dark-text);
}

html[data-sabl-appearance="dark"] :is(.masthead, .nav, .card, .mini-card, .headline-list, .sbl-pulse-card, .sbl-weather, article, .entry-content, .wp-block-group) {
  background-color: var(--sabl-dark-surface) !important;
  border-color: var(--sabl-dark-border) !important;
}

html[data-sabl-appearance="dark"] :is(.sabl-audio-brief, .breaking) {
  background: var(--sabl-dark-surface) !important;
  color: var(--sabl-dark-text) !important;
  border-color: var(--sabl-dark-border) !important;
}

html[data-sabl-appearance="dark"] :is(.sabl-audio-brief h2, .sabl-audio-brief p, .sabl-audio-meta, .breaking a, .masthead-date, .masthead-date strong, .brand-copy strong, .brand-copy span) {
  color: var(--sabl-dark-text) !important;
}

html[data-sabl-appearance="dark"] .sabl-audio-eyebrow {
  color: var(--sabl-gold) !important;
}

html[data-sabl-appearance="dark"] .brand-mark .b {
  color: #ffffff !important;
}

html[data-sabl-appearance="dark"] .brand-mark {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .08));
}

html[data-sabl-appearance="dark"] .brand-copy span {
  color: var(--sabl-dark-muted) !important;
}

html[data-sabl-appearance="dark"] .sbl-pulse {
  background: var(--sabl-dark-bg) !important;
  color: var(--sabl-dark-text) !important;
}

html[data-sabl-appearance="dark"] :is(.sbl-pulse-inner, .sbl-pulse-grid, .sbl-pulse-card, .sbl-poll) {
  border-color: var(--sabl-dark-border) !important;
}

html[data-sabl-appearance="dark"] :is(.sbl-pulse h2, .sbl-pulse h3, .sbl-pulse label, .sbl-pulse li, .sbl-pulse p) {
  color: var(--sabl-dark-text) !important;
}

html[data-sabl-appearance="dark"] .sbl-pulse span {
  color: var(--sabl-dark-muted) !important;
}

html[data-sabl-appearance="dark"] .sbl-pulse-list li {
  border-color: var(--sabl-dark-border) !important;
}

html[data-sabl-appearance="dark"] :is(h1, h2, h3, h4, h5, h6, p, li, label, blockquote, figcaption, .entry-title, .headline-item, .brand-copy) {
  color: var(--sabl-dark-text);
}

html[data-sabl-appearance="dark"] :is(.meta, .masthead-date, .sbl-weather-source, .sabl-audio-meta, .sabl-market-time) {
  color: var(--sabl-dark-muted) !important;
}

html[data-sabl-appearance="dark"] a:not(.button):not([class*="btn"]) {
  color: #d9e8ff;
}

html[data-sabl-appearance="dark"] :is(input, textarea, select) {
  background: var(--sabl-dark-surface-2);
  color: var(--sabl-dark-text);
  border-color: var(--sabl-dark-border);
}

html[data-sabl-appearance="dark"] :is(.market-strip, .sabl-market-strip, .sabl-audio-brief) {
  border-color: var(--sabl-dark-border) !important;
}

html[data-sabl-appearance="dark"] .sabl-appearance-control {
  background: rgba(17, 28, 47, .96);
  color: var(--sabl-dark-text);
  border-color: var(--sabl-dark-border);
}

html[data-sabl-appearance="dark"] .sabl-appearance-option:hover,
html[data-sabl-appearance="dark"] .sabl-appearance-option:focus-visible {
  background: var(--sabl-dark-surface-2);
}

html[data-sabl-appearance="dark"] .sabl-appearance-option[aria-pressed="true"] {
  background: var(--sabl-gold);
  color: #0b1220;
}

@media (max-width: 640px) {
  .sabl-appearance-control {
    right: 10px;
    bottom: 10px;
  }

  .sabl-appearance-option {
    padding-inline: 9px;
  }
}

@media print {
  .sabl-appearance-control {
    display: none !important;
  }
}



/* Integrated header appearance control */
@media (min-width:641px){.sabl-appearance-control{position:static!important;right:auto!important;bottom:auto!important;z-index:20;padding:5px;box-shadow:0 5px 18px rgba(4,12,24,.12)}.masthead .wrap .sabl-appearance-control{margin-left:22px;margin-right:0;flex:0 0 auto}}
@media (min-width:641px) and (max-width:960px){.masthead .wrap .sabl-appearance-control{margin-left:14px}.sabl-appearance-option{padding-inline:8px}.sabl-appearance-option span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
