/* Band9AI marketing chrome — match / and /index (white, #f8fafc, #0a0a0a, #dc2626).
   Scoped to answer-node pages (.site-header). CCB button rules are unique class names. */
:root {
  --bg: #f8fafc !important;
  --card: #ffffff !important;
  --text: #0a0a0a !important;
  --muted: #737373 !important;
  --accent: #0a0a0a !important;
  --border: #e5e5e5 !important;
  --direct: #fef2f2 !important;
  --font: Inter, system-ui, sans-serif !important;
  --sans: Inter, system-ui, sans-serif !important;
}
body:has(.site-header) {
  background: #f8fafc !important;
  color: #0a0a0a !important;
  font-family: Inter, system-ui, sans-serif !important;
}
html:has(body.rmb-page),
body.rmb-page {
  background: #ffffff !important;
  color: #0a0a0a !important;
}
body:has(.site-header) .site-header {
  background: #ffffff !important;
  color: #0a0a0a !important;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
/* Text links only — never override red primary CTAs (white label on #dc2626). */
body:has(.site-header) .site-header a:not(.nav-reality-cta):not(.ds-btn-primary):not(.pe-btn-ace-red):not(.landing-btn-primary):not(.btn-primary):not(.ccb-btn-primary) {
  color: #0a0a0a !important;
}
body:has(.site-header) .site-header nav a:not(.nav-reality-cta):not(.ds-btn-primary):not(.pe-btn-ace-red):not(.landing-btn-primary):not(.btn-primary) {
  color: #737373 !important;
}
body:has(.site-header) .site-header nav a:not(.nav-reality-cta):not(.ds-btn-primary):not(.pe-btn-ace-red):not(.landing-btn-primary):not(.btn-primary):hover {
  color: #dc2626 !important;
}
body:has(.site-header) .site-header .nav-links a:not(.nav-reality-cta):not(.ds-btn-primary) { color: #737373 !important; }
body:has(.site-header) .site-header .nav-links a:not(.nav-reality-cta):not(.ds-btn-primary):hover { color: #dc2626 !important; }
body:has(.site-header) .site-header a.nav-reality-cta,
body:has(.site-header) .site-header a.ds-btn-primary,
body:has(.site-header) .site-header a.pe-btn-ace-red,
body:has(.site-header) .site-header a.landing-btn-primary,
body:has(.site-header) .site-header a.btn-primary,
body:has(.site-header) .site-header a.ccb-btn-primary,
body:has(.site-header) .site-header button.ds-btn-primary,
body:has(.site-header) .site-header button.btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}
body:has(.site-header) .takeaways {
  background: #ffffff !important;
  color: #0a0a0a !important;
  border: 1px solid #e5e5e5;
}
body:has(.site-header) .takeaways h2 { color: #0a0a0a !important; }
body:has(.site-header) .takeaways li { color: #404040; }
body:has(.site-header) .cta {
  background: #ffffff !important;
  color: #0a0a0a !important;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
body:has(.site-header) .cta p { color: #404040; }
body:has(.site-header) .cta a {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(220, 38, 38, 0.28);
}
body:has(.site-header) .cta a:hover { background: #b91c1c !important; }
body:has(.site-header) .related { background: #f8fafc !important; }
body:has(.site-header) .compare th { background: #f8fafc !important; }
body:has(.site-header) footer { color: #737373; }
body:has(.site-header) footer a:not(.ds-btn-primary):not(.nav-reality-cta):not(.btn-primary):not(.pe-btn-ace-red):not(.landing-btn-primary):not(.ccb-btn-primary) {
  color: #dc2626;
}
body:has(.site-header) footer a.ds-btn-primary,
body:has(.site-header) footer a.nav-reality-cta,
body:has(.site-header) footer a.btn-primary,
body:has(.site-header) footer a.pe-btn-ace-red,
body:has(.site-header) footer a.landing-btn-primary,
body:has(.site-header) footer a.ccb-btn-primary,
body:has(.site-header) footer button.ds-btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #dc2626 !important;
  border: 1px solid #dc2626 !important;
}
.ccb-try h2,
.ccb-product h3 { color: #0a0a0a !important; }
.ccb-cta a.ccb-btn-primary {
  background: #dc2626 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(220, 38, 38, 0.28);
}
.ccb-cta a.ccb-btn-primary:hover { background: #b91c1c !important; }
.ccb-cta a.ccb-btn-secondary {
  border: 1px solid #e5e5e5 !important;
  color: #0a0a0a !important;
  background: #ffffff !important;
}
.ccb-cta a.ccb-btn-secondary:hover {
  border-color: #0a0a0a !important;
  background: #f8fafc !important;
}