/* Navy badges on light panels, matching the approved homepage. */
main :is(.light,.services,.compass-intro,.home-preview-light) .eyebrow,
.interior-page main :is(.light,.services,.service-body:not(.service-body-dark),.faq,.contact-band:not(.contact-band-dark)) .eyebrow{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  background:#1a2238;
  color:#0cd3ff;
  padding:7px 14px;
  border-radius:3px;
  gap:16px;
}
main :is(.light,.services,.compass-intro,.home-preview-light) .eyebrow:before,
.interior-page main :is(.light,.services,.service-body:not(.service-body-dark),.faq,.contact-band:not(.contact-band-dark)) .eyebrow:before{
  width:30px;
  height:2px;
  flex-shrink:0;
  background:#0cd3ff;
}
@media(max-width:720px){
  main :is(.light,.services,.compass-intro,.home-preview-light) .eyebrow,
  .interior-page main :is(.light,.services,.service-body:not(.service-body-dark),.faq,.contact-band:not(.contact-band-dark)) .eyebrow{gap:12px}
  main :is(.light,.services,.compass-intro,.home-preview-light) .eyebrow:before,
  .interior-page main :is(.light,.services,.service-body:not(.service-body-dark),.faq,.contact-band:not(.contact-band-dark)) .eyebrow:before{width:22px}
}
@media print{
  main :is(.light,.services,.compass-intro,.home-preview-light) .eyebrow,
  .interior-page main :is(.light,.services,.service-body:not(.service-body-dark),.faq,.contact-band:not(.contact-band-dark)) .eyebrow{background:transparent;color:#111;padding:0}
}

/* Dark opening banners, with lighter navy bands below. */
:root{--panel-dark:#1a2238}
@media screen{
  main :is(.hero-trust-bar,.home-preview-dark,.journey-v2){background:var(--panel-dark)}
  .interior-page main :is(.service-body-dark,.detail-process,.related,.career-section,.covenant-section,.recommendations-section,.walkthrough-section,.contact-band-dark){background:var(--panel-dark)}
  .interior-page main .contact-band.contact-band-dark{background:var(--panel-dark)}
  .journey-story .phase-visual{background:var(--panel-dark)}
}