/* Surveylet UI V17: clearer Home value proposition, uncluttered video,
   stronger reference/blog filters, and full-width consultation CTA.
   Based on the user's 2026-11-14 12:36 ZIP; no unrelated views modified. */

/* Home: make platform + service the first, most legible message. */
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero {
  position: relative !important;
  padding: clamp(48px, 6vw, 88px) clamp(28px, 5vw, 76px) clamp(48px, 5.4vw, 75px) !important;
  min-height: 0 !important;
  background: linear-gradient(112deg, #f3f9fe 0%, #fff 73%) !important;
  border-bottom: 1px solid #e0eaf3 !important;
  margin: 0 !important;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-v17-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 1180px;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero h1 {
  color: #142c45 !important;
  max-width: 1080px !important;
  margin: 0 0 24px !important;
  font-size: clamp(43px, 5.2vw, 76px) !important;
  font-weight: 780 !important;
  letter-spacing: -.046em !important;
  line-height: 1.07 !important;
  text-wrap: balance;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-v17-lead {
  color: #40556a !important;
  font-size: clamp(19px, 1.65vw, 24px) !important;
  line-height: 1.52 !important;
  max-width: 970px !important;
  margin: 0 0 26px !important;
  font-weight: 400 !important;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-v17-lead strong {
  color: #163954 !important;
  font-weight: 730 !important;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-eyebrow {
  color: #0c6eb7 !important;
  font-size: 14px !important;
  letter-spacing: .11em !important;
  margin: 0 0 22px !important;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-actions {
  gap: 12px !important;
  margin: 32px 0 0 !important;
}
body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-button {
  font-size: 16px !important;
  min-height: 48px !important;
  padding: 12px 21px !important;
}
/* Video is supporting evidence, not a competing second headline. */
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band {
  display: grid !important;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr) !important;
  align-items: center !important;
  gap: clamp(26px, 5vw, 78px) !important;
  padding: clamp(28px, 4vw, 54px) clamp(28px, 5vw, 76px) !important;
  margin: 0 !important;
  background: #fff !important;
  border-bottom: 1px solid #e3ebf2 !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-copy h2 {
  font-size: clamp(25px, 2.5vw, 38px) !important;
  max-width: 520px !important;
  color: #1b3953 !important;
  margin: 10px 0 16px !important;
  line-height: 1.14 !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-copy p {
  color: #526679 !important;
  font-size: clamp(16px, 1.2vw, 19px) !important;
  line-height: 1.6 !important;
  max-width: 440px !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band .site-hero-video,
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band .site-video-launch,
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band .site-video-launch img {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-width: 0 !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band .site-hero-video {
  margin: 0 !important;
  justify-self: stretch !important;
  align-self: center !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band .site-video-launch {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(18, 47, 78, .13) !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-overview[hidden] {
  display: none !important;
}
/* The main CTA should occupy the available width, not a narrow 24ch headline. */
body[data-route="/"] main .fluent-prototype .cal-home-cta {
  padding: clamp(30px, 4vw, 58px) clamp(28px, 5vw, 70px) !important;
}
body[data-route="/"] main .fluent-prototype .cal-home-cta h2 {
  max-width: none !important;
  width: 100% !important;
  font-size: clamp(27px, 2.55vw, 38px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.024em !important;
  text-wrap: pretty;
}
@media (min-width: 1220px) {
  body[data-route="/"] main .fluent-prototype .cal-home-cta h2 { white-space: nowrap !important; }
}
@media (max-width: 870px) {
  body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band {
    grid-template-columns: 1fr !important;
  }
  body[data-route="/"] main .fluent-prototype .cal-home-v17-video-copy h2,
  body[data-route="/"] main .fluent-prototype .cal-home-v17-video-copy p { max-width: 100% !important; }
  body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero h1 { font-size: clamp(39px, 7vw, 60px) !important; }
}
@media (max-width: 560px) {
  body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero {
    padding: 36px 20px 42px !important;
  }
  body[data-route="/"] main .fluent-prototype .cal-home-v17-video-band {
    padding: 30px 20px !important;
  }
  body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero h1 {
    font-size: clamp(38px, 9.2vw, 49px) !important;
  }
  body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-v17-lead {
    font-size: 18px !important;
  }
  body[data-route="/"] main .fluent-prototype[data-fluent-preview="home"] .cal-home-hero.cal-home-v17-hero .cal-home-actions a {
    width: 100%;
  }
  body[data-route="/"] main .fluent-prototype .cal-home-cta h2 { white-space: normal !important; }
}

/* Make the existing native filters distinct, not a second topic tab bar. */
body[data-route="/medical-references"] main.site-main .references-filter,
body[data-route="/nonmedical-references"] main.site-main .references-filter {
  background: rgba(22, 54, 82, .985) !important;
  border-color: #173f62 !important;
  box-shadow: 0 8px 20px rgba(5, 35, 61, .22) !important;
  color: #f0f7ff !important;
}
body[data-route="/medical-references"] main.site-main .references-filter-total,
body[data-route="/nonmedical-references"] main.site-main .references-filter-total,
body[data-route="/medical-references"] main.site-main .references-filter-total strong,
body[data-route="/nonmedical-references"] main.site-main .references-filter-total strong {
  color: #d6e8f9 !important;
  border-right-color: rgba(255,255,255,.22) !important;
}
body[data-route="/medical-references"] main.site-main .references-filter-button,
body[data-route="/nonmedical-references"] main.site-main .references-filter-button {
  color: #e1edf9 !important;
  background: transparent !important;
}
body[data-route="/medical-references"] main.site-main .references-filter-button:hover,
body[data-route="/nonmedical-references"] main.site-main .references-filter-button:hover {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}
body[data-route="/medical-references"] main.site-main .references-filter-button.is-active,
body[data-route="/nonmedical-references"] main.site-main .references-filter-button.is-active {
  color: #fff !important;
  background: #0f6cbd !important;
  border-color: #0f6cbd !important;
}
body[data-route="/medical-references"] main.site-main .references-filter-count,
body[data-route="/nonmedical-references"] main.site-main .references-filter-count {
  background: rgba(238, 245, 251, .17) !important;
  color: #e6f3ff !important;
}
body[data-route="/medical-references"] main.site-main .references-filter-button.is-active .references-filter-count,
body[data-route="/nonmedical-references"] main.site-main .references-filter-button.is-active .references-filter-count {
  background: #fff !important;
  color: #104a79 !important;
}
body[data-route="/blog"] main.site-main #calibrum-blog .blog-hub-filters {
  background: rgba(22, 54, 82, .985) !important;
  border-color: #173f62 !important;
  box-shadow: 0 8px 20px rgba(5, 35, 61, .22) !important;
}
body[data-route="/blog"] main.site-main #calibrum-blog .blog-hub-filter {
  border-color: rgba(240,247,255,.20) !important;
  background: rgba(255,255,255,.075) !important;
  color: #e6effa !important;
}
body[data-route="/blog"] main.site-main #calibrum-blog .blog-hub-filter span {
  background: rgba(255,255,255,.15) !important;
  color: #e6effa !important;
}
body[data-route="/blog"] main.site-main #calibrum-blog .blog-hub-filter:hover {
  background: rgba(255,255,255,.2) !important;
}
body[data-route="/blog"] main.site-main #calibrum-blog .blog-hub-filter[aria-pressed="true"] {
  color: #fff !important;
  background: #0f6cbd !important;
  border-color: #2e9ae6 !important;
}
body[data-route="/blog"] main.site-main #calibrum-blog .blog-hub-filter[aria-pressed="true"] span {
  color: #16436c !important;
  background: #fff !important;
}