/* Homepage positioning v1 — professional-first, task-first, no redesign. */
.home-audience-note{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;margin:14px 0 0;color:#5f748b;font-size:13px;line-height:1.5}
.home-audience-note strong{color:#244768;font-size:13px}
.home-audience-note span{color:#6d8194}

/* Hero quick filters: one-click shortcuts into structured Find Tests filters. */
.patient-hero .chips{align-items:center}
.home-quick-search-label{flex-basis:100%;color:#617890;font-size:12px;font-weight:750;margin:0 0 1px}
.patient-hero .chips .chip{font-size:12px}
.home-quick-search{appearance:none;cursor:pointer;color:#47627f;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}
.home-quick-search:hover,.home-quick-search:focus-visible{border-color:#8eb7e4;background:#f2f7ff;color:#155fae;outline:none;transform:translateY(-1px)}
.home-quick-search:focus-visible{box-shadow:0 0 0 3px rgba(43,121,208,.14)}

/* Homepage readability: keep the existing hierarchy, remove dashboard-small type. */
.mdi-entry-head p{font-size:14px;line-height:1.55}
.mdi-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mdi-entry-card strong{font-size:16px;line-height:1.3}
.mdi-entry-card p{font-size:13.5px;line-height:1.55}
.mdi-entry-card b{font-size:12.5px;line-height:1.35}
.mdi-entry-purpose summary{font-size:13px}
.mdi-entry-purpose a{font-size:12.5px;line-height:1.35}
.mdi-entry-unsure summary{font-size:13px}
.mdi-entry-unsure-grid button,.mdi-entry-explore{font-size:12.5px;line-height:1.35}
.patient-stats--after-entry{margin-top:0;margin-bottom:10px}
.patient-stats--after-entry.patient-stats--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.patient-stats--after-entry.patient-stats--three>div:nth-child(3){border-right:0}
.patient-stats--after-entry span{font-size:12.5px;line-height:1.35}
.container.home-version-trust{display:flex;align-items:center;gap:10px;margin:0 auto 22px;padding:10px 14px;border:1px solid #dbe6f0;border-radius:10px;background:#f8fbff;color:#5f748b;font-size:12.5px;line-height:1.45}
.home-version-trust strong{color:#173f69;font-size:12.5px;white-space:nowrap}
.home-version-trust span{color:#657c93}

/* Ask MDI is a core homepage action, not fine-print. */
.ask-mdi--home .ask-mdi__intro p{font-size:14px;line-height:1.6}
.ask-mdi--home .ask-mdi__trust span{font-size:12.5px}
.ask-mdi--home .ask-mdi__suggestions button{font-size:13px;line-height:1.35}
.ask-mdi--home .ask-mdi__note{font-size:12.5px;line-height:1.5}
.ask-mdi--home .ask-mdi-answer__intro strong{font-size:15px}
.ask-mdi--home .ask-mdi-answer__intro p{font-size:14px;line-height:1.5}

/* Educational context remains readable for clinicians, academics, students and broader users. */
.reading-grid h3{font-size:16px;line-height:1.3}
.reading-grid p{font-size:13.5px;line-height:1.55}

/* Global footer accessibility: headings/brand must stay legible on navy. */
.site-footer.patient-footer .brand__text strong{color:#f7fbff!important}
.site-footer.patient-footer .brand__text small{color:#79b8ff!important}
.site-footer.patient-footer .footer-grid>div>strong{color:#f7fbff!important}
.site-footer.patient-footer .footer-grid a{color:#e8f1fb}
.site-footer.patient-footer .footer-grid a:hover,.site-footer.patient-footer .footer-grid a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer.patient-footer .footer-grid p,.site-footer.patient-footer .footer-grid span{color:#aebfd1}
.site-footer.patient-footer .footer-bottom{color:#aebfd1}
.site-footer.patient-footer .footer-bottom a{color:#e1ebf5}

@media(max-width:1050px){.mdi-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  /* Keep every hero child inside the viewport; only the quick-filter row may scroll horizontally. */
  .patient-hero{overflow-x:clip}
  .patient-hero .container,.patient-hero .hero-grid,.patient-hero .hero-grid>*{min-width:0;max-width:100%}
  .patient-hero .hero-grid>div:first-child{width:100%;min-width:0}
  .patient-hero h1{font-size:36px;line-height:1.04;max-width:100%;overflow-wrap:normal;word-break:normal}
  .patient-hero .lede{font-size:16px;line-height:1.5;max-width:100%}
  .patient-hero .search{display:flex;width:100%;max-width:100%;min-width:0}
  .patient-hero .search input{flex:1 1 auto;width:0;min-width:0}
  .patient-hero .search button{flex:0 0 auto;grid-column:auto;white-space:nowrap;padding-left:16px;padding-right:16px}
  .home-audience-note{display:grid;gap:2px;margin-top:12px;font-size:12.5px}.home-audience-note strong{font-size:12.5px}
  .patient-hero .chips{display:flex!important;width:100%;max-width:100%;min-width:0;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;gap:7px;margin-top:14px;padding:2px 0 5px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  .patient-hero .chips::-webkit-scrollbar{display:none}
  .home-quick-search-label{flex:0 0 auto;font-size:11.5px;margin:0 2px 0 0;white-space:nowrap}
  .patient-hero .chips .home-quick-search{flex:0 0 auto;min-height:38px;padding:7px 11px;white-space:nowrap}
  .mdi-entry-head p{font-size:13px}
  .mdi-entry-grid{grid-template-columns:1fr 1fr}
  .mdi-entry-card strong{font-size:15px}.mdi-entry-card p{font-size:12.5px}.mdi-entry-card b{font-size:12px}
  .mdi-entry-purpose summary,.mdi-entry-unsure summary{font-size:12.5px}
  .mdi-entry-purpose a,.mdi-entry-unsure-grid button,.mdi-entry-explore{font-size:12px}
  .patient-stats--after-entry.patient-stats--three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .patient-stats--after-entry.patient-stats--three>div{padding:14px 10px;border-bottom:0;border-right:1px solid #dce6ef}
  .patient-stats--after-entry.patient-stats--three>div:nth-child(3){border-right:0}
  .patient-stats--after-entry strong{font-size:20px}
  .patient-stats--after-entry span{font-size:11px;line-height:1.3}
  .container.home-version-trust{display:grid;gap:2px;margin:0 auto 16px;font-size:12px}.home-version-trust strong{font-size:12px;white-space:normal}
  .reading-grid h3{font-size:15px}.reading-grid p{font-size:12.5px}
}
@media(max-width:430px){
  .patient-hero h1{font-size:34px;line-height:1.04}
  .patient-hero .search button{padding-left:14px;padding-right:14px}
  .mdi-entry-grid{grid-template-columns:1fr}
}
