/* SonoIQx muted-light palette, second visual pass (13 October 2026).
   This is intentionally more noticeable than the original barely tinted
   #EFF3F7, while keeping bright content cards and readable navy headings.
   Shared across all six pages; change here, not in generated HTML. */
:root { color-scheme: light; }

/* Broad matte surfaces: cooler, visibly less glare than pure white. */
html, body { background-color: #DEE6EF !important; }
.page { background-color: #DEE6EF !important; }

/* Shared navigation gets a gentle, opaque appearance. */
.page > header {
  background: rgba(232, 238, 245, 0.98) !important;
  border-bottom-color: #C7D4E3 !important;
}
.page > header #mobile-nav { background: #E8EEF5 !important; }

/* Distinct, muted section bands preserve the original page rhythm. */
.page > main > section[style*="background: #FFFFFF"],
.page > main > section[style*="background: white"] { background: #E7EDF4 !important; }
.page > main > section[style*="background: #F2F6FC"] { background: #D3DEEA !important; }
.page > main > section[style*="background: #F6F9FD"] { background: #DAE4EE !important; }
.page > main > section[style*="background: #F2F7FF"] { background: #D9E3EE !important; }
.page > main > section[style*="background: #EAF2FF"] { background: #D6E2EF !important; }
.page > main > section[style*="background: #E5FAF8"] { background: #D7EAE8 !important; }

/* Scan Library round (20 October 2026): tinted panels (Obstetrics block, Features
   examinations band) follow the same muted bands instead of near-white #F2F6FC. */
.page .sl-panel { background: #D3DEEA !important; }
.page .chip:not(.on) { background: #EEF3F8 !important; }
/* How It Works sticky stage bar: same muted surface as the header, not near-white. */
.page .stages > div[style*="position: sticky"] {
  background: rgba(232, 238, 245, 0.98) !important;
  border-bottom-color: #C7D4E3 !important;
}
/* Elements toggled by js/site.js use the hidden attribute; inline display styles must not override it. */
[hidden] { display: none !important; }

/* A slightly quieter blue on accent headlines, avoiding harsh bright cyan. */
.page main [style*="color: #248AFF"] { color: #2269BB !important; }
.page .scanline { filter: saturate(.72); }
.page .sonar { filter: saturate(.75); }

/* Keep content cards light and crisp against the matte surfaces; do not
   dim text, form inputs, or button text with an opacity overlay. */
@media (prefers-reduced-motion: reduce) {
  .page .scanline, .page .sonar { animation: none !important; }
}