/* Surveylet UI V8 / fixes following the approved V7 design. */
/* Published evidence is a permanent, prominent part of the home-page flow,
   directly after the hero introduction, not behind Research & evidence. */
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof {
  display:block!important; margin:24px 0 30px!important;
  padding:clamp(24px,3vw,44px)!important;
  background:#f5f9fd!important; color:#243d56!important;
  border:1px solid #dbe8f2!important; border-radius:12px!important;
  box-shadow:none!important; max-width:none!important;
}
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof :is(h2,h3,h4,strong) {color:#203953!important;}
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof :is(p,li) {color:#50647a!important;}
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof a:not([class*="button"]) {color:#0d63a7!important;}
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof .cal-home-card {
  background:#fff!important; border:1px solid #dbe5ef!important;
  border-radius:10px!important; box-shadow:none!important;
}
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof .cal-home-button-blue {
  color:#fff!important; background:#0f6cbd!important; border-color:#0f6cbd!important;
}
body[data-route="/"] main .fluent-prototype .cal-home-featured-proof .cal-home-button-blue :is(span,svg){color:inherit!important;}
/* Dark mastheads must retain white headings; the shared V6 heading rule
   otherwise overrides these with dark navy on navy. */
body[data-route="/medical-references"] main .design-reference-heading h2,
body[data-route="/nonmedical-references"] main .design-reference-heading h2 {
  color:#fff!important;
}
body[data-route="/medical-references"] main .design-reference-heading :is(p,span),
body[data-route="/nonmedical-references"] main .design-reference-heading :is(p,span) {
  color:#e8f1fb!important;
}
body[data-route="/blog"] main .fluent-unified #calibrum-blog .blog-latest h2,
body[data-route="/blog"] main #calibrum-blog .blog-latest h2 {color:#fff!important;}
body[data-route="/blog"] main .fluent-unified #calibrum-blog .blog-latest-top p,
body[data-route="/blog"] main #calibrum-blog .blog-latest-top p {color:#dce8f4!important;}
/* The two reference-category bars have distinct jobs: topic links stay below
   the global header; live category filters dock BELOW the dark topic links.
   This also keeps filters functional while avoiding overlay conflicts. */
body[data-route="/medical-references"] main .references-filter,
body[data-route="/nonmedical-references"] main .references-filter {
  top:calc(var(--ds-nav-h,68px) + var(--surveylet-reference-topic-height,54px) + 8px)!important;
  z-index:18!important;
}
body[data-route="/medical-references"] main .fluent-unified .fluent-unified-anchorbar .fluent-unified-tabbar,
body[data-route="/nonmedical-references"] main .fluent-unified .fluent-unified-anchorbar .fluent-unified-tabbar {
  z-index:32!important;
}
/* On narrower screens, keep category controls in normal document flow so they
   don't occupy most of the viewport under the sticky topic bar. */
@media(max-width:760px){
 body[data-route="/medical-references"] main .references-filter,
 body[data-route="/nonmedical-references"] main .references-filter {position:relative!important;top:auto!important;z-index:auto!important;}
 body[data-route="/"] main .fluent-prototype .cal-home-featured-proof {padding:22px 18px!important;}
}