:root{--sb-primary:#1d4ed8;--sb-navy:#0b1f3a;--sb-pale:#eaf1ff;--sb-surface:#fff;--sb-text:#102039;--sb-border:#d6e1ef}
.appearance-toggle{display:flex!important;align-items:center;gap:12px;width:100%;margin:12px 0;font-weight:650!important}.appearance-toggle svg{width:22px;height:22px}.appearance-toggle b{margin-left:auto;color:#1d4ed8}.appearance-urgent{background:#ffe5e9;color:#811c30!important;border-radius:24px;padding:12px 16px;text-decoration:none;font:700 13px system-ui;min-height:44px;box-sizing:border-box}
html body .bx-go,html body .compact-done,html body .sb-mbtn-p,html body .sb-mine-tabs button[aria-pressed=true],html body header form button[type=submit]{background:#1d4ed8!important;color:white!important;border-radius:12px!important}
html body .hg .hg-quick-care button,html body .sb-sync-banner{background:#eaf1ff!important;color:#173e80!important;border-color:#d6e1ef!important}
html body .hg-change-label,html body .compact-change-label{border:1px solid #aec4eb!important;border-radius:10px!important;color:#1d4ed8!important;padding:10px 12px!important}
@media(min-width:761px){html body:has(aside.sb-rail .rg-urgent) .hg-urgent-access{display:none!important}.appearance-urgent{display:none}}
@media(max-width:760px){
html body #themeBtn{display:none!important}
html body:not(.sb-split)>header,html body:not(.sb-split)>header.top,html body:not(.sb-split)>header.compact-header,html body.care-page>.care-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;padding:16px!important;background:#0b1f3a!important;position:relative!important;width:100%!important;box-sizing:border-box!important;height:auto!important}
html body:not(.sb-split)>header .appearance-brand{display:block!important;width:auto!important;height:auto!important;background:none!important;font-size:0!important;line-height:1!important;padding:0!important;border:0!important;box-shadow:none!important}
html body:not(.sb-split)>header .appearance-brand>*{display:none!important}html body:not(.sb-split)>header .appearance-brand:before{display:none!important}html body:not(.sb-split)>header .appearance-brand:after{content:'specbook';font:750 28px/1.2 system-ui;color:#fff;letter-spacing:-1px}
html body:not(.sb-split)>header form.q{display:none!important}
html body:not(.sb-split)>header .compact-urgent{margin:0!important;background:#ffe5e9!important;color:#811c30!important}
html body .sb-mobile-menu{font:16px/1.5 system-ui;max-height:80dvh}.sb-mobile-menu nav a{border-bottom:1px solid #e3eaf4}
}
html[data-theme=dark]{color-scheme:dark;--surface:#15243b;--bg:#0c1628;--ink:#edf3ff;--muted:#afbed4;--line:#354762;--bx-card:#15243b;--bx-ink:#edf3ff;--sb-surface:#15243b;--sb-text:#edf3ff}
html[data-theme=dark] body,html[data-theme=dark] body.sb-landing{background:#0c1628!important;color:#edf3ff!important}
html[data-theme=dark] body :is(.hg-card,.hg-popular button,.hg-shortcuts a,.sb-card,.sb-empty,.sb-add,.bx-search,.bx-card,.sb-mobile-menu,.sb-mobile-nav,.location-panel,.compact-location-dialog){background:#15243b!important;color:#edf3ff!important;border-color:#354762!important}
html[data-theme=dark] body :is(h1,h2,h3,.hg-care-name,.sb-card-kind){color:#edf3ff!important}
html[data-theme=dark] body :is(.hg-card input,.bx-search input,.compact-location,.hg-change-location,.sb-sync-banner,.hg-quick-care button){background:#203556!important;color:#edf3ff!important;border-color:#496184!important}
html[data-theme=dark] body :is(.hg-care-detail,.hg-confidence small,.sb-card-a,main p){color:#b6c6df!important}
html[data-theme=dark] .appearance-toggle b{color:#a9c7ff}
html[data-theme=dark] body.sb-landing #view-find#view-find#view-find .hg-slot #searchForm .f>span{color:#edf3ff!important}
html[data-theme=dark] body.sb-landing #view-find#view-find#view-find .hg-slot #omniQ{background:#203556!important;color:#edf3ff!important}
html[data-theme=dark] body #view-find#view-find#view-find .hg :is(.hg-card,.hg-popular button,.hg-quick-care button){background:#15243b!important;color:#edf3ff!important;border-color:#354762!important}
html[data-theme=dark] body.sb-landing #view-find#view-find#view-find .hg-slot #searchForm .hg-change-location{background:#203556!important;color:#edf3ff!important}
html[data-theme=dark] body .hg .hg-care-name,html[data-theme=dark] body .hg-popular-icon{color:#edf3ff!important}
html[data-theme=dark] body :has(>#careSyncStatus){background:#203556!important;color:#edf3ff!important;border-color:#496184!important}
html[data-theme=dark] body #careSyncActions small{color:#b6c6df!important}
html[data-theme=dark] body .sb-mine-tabs button:not([aria-pressed=true]),html[data-theme=dark] body .sb-mbtn:not(.sb-mbtn-p){background:#15243b!important;color:#edf3ff!important;border-color:#354762!important}
html body :has(>#careSyncStatus){background:#eaf1ff;border-color:#d6e1ef}

/* sb-hdrfix (26 Oct): phone header on server-rendered pages (/l/, guides) — the theme toggle was absolutely
   positioned inside a 150px .wrap and landed on the wordmark; Urgent help overflowed its pill. One row:
   wordmark · toggle · Urgent help. */
@media(max-width:760px){
html body:not(.sb-split)>header.top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 14px!important;flex-wrap:nowrap!important}
html body:not(.sb-split)>header.top .wrap{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important;flex-wrap:nowrap!important}
html body:not(.sb-split)>header.top .wrap .tb{position:static!important;margin-left:auto!important;width:40px;height:40px;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:999px}
html body:not(.sb-split)>header .appearance-urgent,html body:not(.sb-split)>header .compact-urgent{flex:none;width:auto!important;display:inline-flex!important;align-items:center;height:40px;min-height:0!important;padding:0 14px!important;border-radius:999px!important;white-space:nowrap;font:700 13px/1 system-ui!important;background:#ffe5e9!important;color:#811c30!important;text-decoration:none}
html body:not(.sb-split)>header.top .appearance-brand:after{font-size:24px!important}
}
/* sb-dedupe (26 Oct): appearance.js adds .appearance-urgent before site-nav.js has added .compact-urgent → two pills. */
header:has(.compact-urgent) .appearance-urgent,header:has(.hg-urgent-access) .appearance-urgent,body:has(.rg-urgent) .appearance-urgent{display:none!important}

/* Readable supporting controls and guide metadata in night mode. */
html[data-theme=dark] body .compact-change-label{color:#dce8ff!important;background:#244582!important;border-color:#91afe5!important}
html[data-theme=dark] body main .tile .tag:not(#_){color:#b6c6df!important}
html[data-theme=dark] body input::placeholder{color:#aebed4!important;opacity:1}

/* One blue calendar mark across legacy headers and footers. */
html body a.brand>svg,html body .fbrand .brand>svg{background:transparent url('/brand-mark.svg') center/contain no-repeat;flex-shrink:0}
html body a.brand>svg>*,html body .fbrand .brand>svg>*{visibility:hidden}
html body .fbrand .brand,html body .fbrand .brand em{color:#fff!important}