

html[data-theme="testbw"] {
  
  --bg1: #FFFFFF;
  --bg2: #F6F8FB;
  --text: #12151C;
  --muted: rgba(18, 21, 28, .64);
  --border: rgba(18, 21, 28, .16);
  --card: #F4F7FB;
  --shadow: 0 24px 60px rgba(20, 40, 70, .18);
  --accent: #3E6FA8;

  --deep: #0B0F1A;
  --deep-text: #FFFFFF;
  --deep-text-muted: rgba(255, 255, 255, .72);
  --accent-on-deep: #8AAED9;
  --search-button-bg: #111b2a;
  --search-button-bg-hover: #1a2740;
  --search-input-text: var(--deep-text);
  --search-input-caret: var(--accent-on-deep);

  --glass: rgba(255, 255, 255, .55);
  --glass-strong: rgba(255, 255, 255, .72);
  --glass-hover: rgba(62, 111, 168, .14);
  --glass-outline: rgba(62, 111, 168, .30);
  --ink-wash: rgba(18, 21, 28, .05);
  --ink-wash-strong: rgba(18, 21, 28, .08);
}

html[data-theme="testbw"] {
  background:
    radial-gradient(1100px 700px at 15% 0%, rgba(62, 111, 168, .07), transparent 60%),
    radial-gradient(900px 700px at 85% 35%, rgba(62, 111, 168, .06), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

html[data-theme="testbw"] nav#siteNav {
  background: var(--deep);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .28);
}
html[data-theme="testbw"] .nav-inner a {
  color: var(--deep-text);
}
html[data-theme="testbw"] .nav-inner a:hover {
  color: var(--accent-on-deep);
}
html[data-theme="testbw"] .nav-inner a.active {
  color: var(--accent-on-deep);
  background: rgba(255, 255, 255, .08);
}
html[data-theme="testbw"] .nav-inner a.nav-title-link {
  color: var(--deep-text);
  text-shadow: 0 8px 18px rgba(0, 0, 0, .25);
}

html[data-theme="testbw"] #siteNav .nav-inner a.nav-title-link {
  letter-spacing: 2px !important;
}
html[data-theme="testbw"] .nav-clock,
html[data-theme="testbw"] .nav-date {
  color: var(--deep);
  background: var(--glass-strong);
  border-color: var(--glass-outline);
  text-shadow: none;
}
html[data-theme="testbw"] .nav-date:hover,
html[data-theme="testbw"] .nav-date:focus {
  color: var(--deep);
  background: #fff;
  border-color: var(--accent);
}

html[data-theme="testbw"] .home-landing {
  border-color: rgba(18, 21, 28, .14);
  background:
    radial-gradient(760px 360px at 12% 10%, rgba(62, 111, 168, .10), transparent 60%),
    radial-gradient(680px 320px at 88% 16%, rgba(62, 111, 168, .08), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .28));
}
html[data-theme="testbw"] .home-landing::after {
  background: radial-gradient(circle, rgba(62, 111, 168, .14), transparent 68%);
}
html[data-theme="testbw"] .home-eyebrow { color: rgba(18, 21, 28, .62); }
html[data-theme="testbw"] .home-title { color: var(--text); }
html[data-theme="testbw"] .home-copy { color: var(--text); }

html[data-theme="testbw"] .home-cta {
  border-color: rgba(18, 21, 28, .16);
  background: rgba(255, 255, 255, .55);
  color: var(--text);
}
html[data-theme="testbw"] .home-cta:hover,
html[data-theme="testbw"] .home-cta:focus {
  background: linear-gradient(180deg, #ffffff, var(--card));
  border-color: rgba(18, 21, 28, .24);
  color: var(--text);
}
html[data-theme="testbw"] .home-cta.primary {
  border-color: rgba(62, 111, 168, .30);
  background:
    radial-gradient(130% 130% at 24% 16%, rgba(255, 255, 255, .45), transparent 34%),
    linear-gradient(135deg, var(--accent), var(--deep));
  color: #fff;
}
html[data-theme="testbw"] .home-landing-close {
  border-color: rgba(18, 21, 28, .16);
  background: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .55));
  color: var(--text);
  box-shadow: 0 12px 26px rgba(20, 40, 70, .16);
}
html[data-theme="testbw"] .home-landing-close:hover,
html[data-theme="testbw"] .home-landing-close:focus {
  background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, .7));
  border-color: rgba(62, 111, 168, .30);
}

html[data-theme="testbw"] .home-carousel-title { color: var(--text); }
html[data-theme="testbw"] .home-provider-tab-placeholder { color: var(--muted); }

html[data-theme="testbw"] .search-region.has-results {
  background: var(--card);
  border-color: rgba(18, 21, 28, .14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 16px 40px rgba(20, 40, 70, .16);
}

html[data-theme="testbw"] .search-result-card {
  background: var(--card);
  color: var(--text);
  
  box-shadow: 0 10px 20px rgba(20, 40, 70, .12);
}
html[data-theme="testbw"] .search-result-card::after {
  box-shadow: inset 0 0 0 3px var(--border);
}
html[data-theme="testbw"] .search-result-card:hover,
html[data-theme="testbw"] .search-result-card:focus {
  box-shadow: 0 12px 24px rgba(20, 40, 70, .18);
}
html[data-theme="testbw"] .search-result-card:hover::after,
html[data-theme="testbw"] .search-result-card:focus::after {
  box-shadow: inset 0 0 0 3px var(--accent);
}
html[data-theme="testbw"] .search-result-thumb {
  background: var(--ink-wash-strong);
  color: var(--muted);
}

html[data-theme="testbw"] .search-result-thumb.profile-thumb {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
html[data-theme="testbw"] .search-result-meta {
  background: var(--card);
}
html[data-theme="testbw"] .search-result-title {
  color: var(--text);
}
html[data-theme="testbw"] .search-result-desc {
  color: var(--muted);
}
html[data-theme="testbw"] .search-result-empty {
  background: var(--card);
  color: var(--muted);
}
html[data-theme="testbw"] .search-results-arrow {
  border-color: var(--glass-outline);
  background: var(--glass);
  color: var(--text);
  box-shadow: 0 10px 20px rgba(20, 40, 70, .12);
}
html[data-theme="testbw"] .search-results-arrow:hover:not(:disabled),
html[data-theme="testbw"] .search-results-arrow:focus:not(:disabled) {
  background: var(--glass-hover);
  box-shadow: 0 10px 20px rgba(20, 40, 70, .16), var(--ring);
}

html[data-theme="testbw"] .home-carousel-arrow {
  border-color: rgba(18, 21, 28, .16);
  background: var(--glass);
  color: var(--text);
  box-shadow: 0 10px 20px rgba(20, 40, 70, .12);
}
html[data-theme="testbw"] .home-carousel-arrow:hover:not(:disabled),
html[data-theme="testbw"] .home-carousel-arrow:focus:not(:disabled) {
  border-color: var(--glass-outline);
  background: var(--glass-hover);
  box-shadow: 0 10px 20px rgba(20, 40, 70, .16), var(--ring);
}
html[data-theme="testbw"] .home-carousel-expand-arrow[aria-expanded="true"] {
  color: #fff;
  border-color: var(--accent);
  background: var(--accent);
}

html[data-theme="testbw"] .home-carousel-row.is-expanded .home-carousel-viewport {
  scrollbar-color: rgba(62, 111, 168, .55) rgba(18, 21, 28, .06);
}
html[data-theme="testbw"] .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-track {
  background: rgba(18, 21, 28, .05);
  box-shadow: inset 0 0 0 1px rgba(18, 21, 28, .06);
}
html[data-theme="testbw"] .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-thumb {
  border-color: var(--card);
  background: linear-gradient(180deg, var(--accent), var(--deep));
}
html[data-theme="testbw"] .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #5A8DC4, var(--accent));
}

html[data-theme="testbw"] .home-provider-tab {
  border-color: rgba(18, 21, 28, .16);
  background: var(--glass);
  color: var(--text);
}
html[data-theme="testbw"] .home-provider-tab:hover,
html[data-theme="testbw"] .home-provider-tab:focus-visible {
  border-color: var(--glass-outline);
  background: var(--glass-hover);
  outline-color: rgba(62, 111, 168, .22);
}
html[data-theme="testbw"] .home-provider-tab.is-active {
  border-color: var(--accent);
  color: #fff;
  background: var(--accent);
  box-shadow: 0 10px 20px rgba(20, 40, 70, .16);
}
html[data-theme="testbw"] .home-provider-tab-panel {
  background: var(--glass);
  box-shadow: inset 0 0 0 1px rgba(18, 21, 28, .08);
}

html[data-theme="testbw"] .p-arrow {
  background: var(--glass);
}
html[data-theme="testbw"] .p-arrow:hover {
  background: var(--glass-hover);
}
html[data-theme="testbw"] .p-thumb {
  background: linear-gradient(135deg, var(--deep), var(--accent));
  color: var(--deep-text);
}

html[data-theme="testbw"] .coverage-refresh-btn {
  border-color: rgba(18, 21, 28, .16);
  background: var(--glass);
  color: var(--text);
}
html[data-theme="testbw"] .coverage-refresh-btn:hover:not(:disabled),
html[data-theme="testbw"] .coverage-refresh-btn:focus:not(:disabled) {
  border-color: var(--glass-outline);
  background: var(--glass-hover);
}
html[data-theme="testbw"] .badge {
  background: var(--ink-wash);
}
html[data-theme="testbw"] .link {
  color: var(--accent);
}

html[data-theme="testbw"] .home-viewer-suggestions {
  border-color: rgba(18, 21, 28, .14);
  background:
    radial-gradient(720px 240px at 8% 0%, rgba(62, 111, 168, .08), transparent 62%),
    radial-gradient(680px 260px at 96% 12%, rgba(62, 111, 168, .07), transparent 62%),
    var(--card);
  box-shadow: 0 18px 48px rgba(20, 40, 70, .16);
}
html[data-theme="testbw"] .home-viewer-suggestions::before {
  background: linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, .5) 48%, transparent 58% 100%);
}
html[data-theme="testbw"] .home-suggestions-kicker,
html[data-theme="testbw"] .home-suggestions-title,
html[data-theme="testbw"] .home-suggestions-copy {
  color: var(--text);
}
html[data-theme="testbw"] .home-my-schedule-btn {
  border-color: rgba(18, 21, 28, .16);
  background: var(--glass);
  color: var(--text);
}
html[data-theme="testbw"] .home-my-schedule-btn:hover,
html[data-theme="testbw"] .home-my-schedule-btn:focus-visible {
  border-color: var(--glass-outline);
  background: linear-gradient(135deg, var(--accent), var(--deep));
  color: #fff;
}
html[data-theme="testbw"] .home-carousel-row,
html[data-theme="testbw"] .home-recommendations-panel {
  border-color: rgba(18, 21, 28, .14);
  background: var(--ink-wash);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 10px 24px rgba(20, 40, 70, .10);
}
html[data-theme="testbw"] .home-recommendations-scroll {
  scrollbar-color: rgba(62, 111, 168, .55) rgba(18, 21, 28, .06);
}
html[data-theme="testbw"] .home-recommendations-scroll::-webkit-scrollbar-track {
  background: rgba(18, 21, 28, .05);
  box-shadow: inset 0 0 0 1px rgba(18, 21, 28, .06);
}
html[data-theme="testbw"] .home-recommendations-scroll::-webkit-scrollbar-thumb {
  border-color: var(--card);
  background: linear-gradient(180deg, var(--accent), var(--deep));
}
html[data-theme="testbw"] .home-recommendations-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #5A8DC4, var(--accent));
}
html[data-theme="testbw"] .home-suggestion-card {
  background: var(--glass-strong);
  box-shadow: inset 0 0 0 1px rgba(18, 21, 28, .12), 0 12px 24px rgba(20, 40, 70, .14);
}
html[data-theme="testbw"] .home-suggestion-card:hover,
html[data-theme="testbw"] .home-suggestion-card:focus {
  box-shadow: inset 0 0 0 1px var(--glass-outline), 0 14px 28px rgba(20, 40, 70, .18), 0 0 22px rgba(62, 111, 168, .10);
}
html[data-theme="testbw"] .home-suggestion-thumb {
  background: linear-gradient(135deg, var(--deep), var(--accent));
  color: var(--deep-text);
}
html[data-theme="testbw"] .home-suggestion-meta {
  background: rgba(255, 255, 255, .40);
}
html[data-theme="testbw"] .home-suggestion-desc {
  color: var(--muted);
}
html[data-theme="testbw"] .home-suggestion-empty {
  background: var(--ink-wash);
  box-shadow: inset 0 0 0 1px rgba(18, 21, 28, .08);
}

html[data-theme="testbw"] .home-carousel-title,
html[data-theme="testbw"] .home-suggestions-title {
  text-shadow: 0 0 14px rgba(62, 111, 168, .18), 0 2px 10px rgba(20, 40, 70, .12);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html[data-theme="testbw"] .home-carousel-title,
  html[data-theme="testbw"] .home-suggestions-title {
    background:
      linear-gradient(92deg,
        var(--text) 0%,
        var(--accent) 18%,
        var(--text) 38%,
        var(--text) 52%,
        var(--accent) 70%,
        var(--text) 88%,
        var(--text) 100%);
    background-size: 240% 100%;
    
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

html[data-theme="testbw"] .home-feature-card {
  border-color: rgba(255, 255, 255, .14);
  background: var(--deep);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .30);
}
html[data-theme="testbw"] .home-feature-card p {
  color: var(--deep-text-muted);
}
html[data-theme="testbw"] .home-feature-card h3 {
  color: var(--deep-text);
  -webkit-text-fill-color: currentColor;
  background: none;
  animation: none;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, .62),
    0 0 8px rgba(138, 174, 217, .22);
}
html[data-theme="testbw"] .home-feature-card h3::after {
  background: linear-gradient(90deg, rgba(62, 111, 168, .68), rgba(255, 255, 255, .40), rgba(138, 174, 217, .62));
  box-shadow: 0 0 12px rgba(62, 111, 168, .26);
}

@font-face {
  font-family: "ClarityCityAD";
  src: url("fonts/from-advertiser-demo/ClarityCity-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ClarityCityAD";
  src: url("fonts/from-advertiser-demo/ClarityCity-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ClarityCityAD";
  src: url("fonts/from-advertiser-demo/ClarityCity-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ClarityCityAD";
  src: url("fonts/from-advertiser-demo/ClarityCity-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ClarityCityAD";
  src: url("fonts/from-advertiser-demo/ClarityCity-900-normal.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "KumbhSansAD";
  src: url("fonts/from-advertiser-demo/KumbhSans-Variable.woff2") format("woff2-variations"),
       url("fonts/from-advertiser-demo/KumbhSans-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html[data-theme="testbw"] body,
html[data-theme="testbw"] button,
html[data-theme="testbw"] input,
html[data-theme="testbw"] select,
html[data-theme="testbw"] textarea {
  font-family: "KumbhSansAD", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html[data-theme="testbw"] #siteNav .nav-inner a.nav-title-link,
html[data-theme="testbw"] .nav-clock,
html[data-theme="testbw"] .nav-date,
html[data-theme="testbw"] .home-title,
html[data-theme="testbw"] .home-eyebrow,
html[data-theme="testbw"] .home-copy,
html[data-theme="testbw"] .home-cta,
html[data-theme="testbw"] .home-suggestions-kicker,
html[data-theme="testbw"] .home-suggestions-title,
html[data-theme="testbw"] .home-suggestions-copy,
html[data-theme="testbw"] .home-carousel-title,
html[data-theme="testbw"] .home-suggestion-title,
html[data-theme="testbw"] .home-suggestion-desc,
html[data-theme="testbw"] .home-feature-card {
  font-family: "KumbhSansAD", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
