/* Surveylet UI V13 — correct pale text in Features and reliably dock navigation. */
/* The shared design-system treats [data-layout=spotlight] as a navy section.
   Features is now a continuous white document, so those pale-on-dark colors
   need a stronger, route-specific override. */
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities {
  background: #fff !important;
  color: #253d52 !important;
}
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities > p.cal-intro,
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities .design-card :is(p,li,span),
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities .cal-note,
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities .cal-note :is(p,span,strong) {
  color: #455c70 !important;
  opacity: 1 !important;
}
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities .design-card :is(h3,h4,strong) {
  color: #193650 !important;
  opacity: 1 !important;
}
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities .design-card {
  min-width:0;
  background: #fbfdff !important;
  border-top-color: #b8cde0 !important;
}
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities :is(.ds-icon,.ds-icon svg) {
  color: #236b9f !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > #section-4-real-time-delphi-capabilities a:not([class*="button"]):not([class*="btn"]) {
  color: #0e67ac !important;
}
/* Same issue can affect white spotlight cards on other continuous Feature sections. */
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > section[data-layout="spotlight"] :is(p,li,span:not([class*="badge"])) {
  color: #455c70 !important;
}
body[data-route="/features"] main.site-main .fluent-prototype .cal-wrap > section[data-layout="spotlight"] :is(h2,h3,h4) {
  color: #193650 !important;
}

/* The existing sticky bars can stop at a constrained section boundary, or
   sit below an outdated assumed header height. JS docks them at the actual
   navigation edge and releases them at the end of their associated content. */
body.cal-v13-tab-docking main .fluent-prototype .fluent-tab-list,
body.cal-v13-tab-docking main .fluent-unified .fluent-unified-tabbar {
  position: relative !important;
  top: auto !important;
}
body.cal-v13-tab-docking main .fluent-prototype .fluent-tab-list.cal-v13-tab-docked,
body.cal-v13-tab-docking main .fluent-unified .fluent-unified-tabbar.cal-v13-tab-docked {
  position: fixed !important;
  top: var(--cal-v13-tab-top, 68px) !important;
  left: var(--cal-v13-tab-left, 0px) !important;
  width: var(--cal-v13-tab-width, 100%) !important;
  margin: 0 !important;
  z-index: 95 !important; /* header remains at 100 */
  border-radius: 0 !important;
  box-shadow: 0 8px 20px rgba(16,36,55,.23) !important;
}
.cal-v13-tab-placeholder {height:0; display:block; pointer-events:none;}
.cal-v13-tab-placeholder.is-active {display:block;}
@media print {
  body.cal-v13-tab-docking main .cal-v13-tab-docked {
    position:static!important; width:auto!important; margin:0!important;
  }
  .cal-v13-tab-placeholder {display:none!important;}
}