/* September review: readability, truthful credentials, and mobile composition. */
html body .footer-brand-block .footer-clinician {font-size:14px!important;line-height:1.55;margin:16px 0}
html body .footer-brand-block .footer-clinician span {font-size:14px!important}
html body :is(.footer-contact-links a,.footer-states,.quiet-footer-columns a,.quiet-footer-columns h2) {font-size:14px!important}
html body main :is(.source-note,.quote-meta,.quote-attribution,.voice-card figcaption,.patient-review figcaption,.clinical-source,.terminology-links) {
  font-size:14px!important;line-height:1.6;
}
html body #home-credentials .credential-tile {min-height:88px!important}
html body #home-credentials .credential-tile span {font:600 25px/1.3 var(--body)!important}
html body #home-credentials [data-credential="adba"] span {font-size:28px!important}
html body #home-credentials .source-note {max-width:82ch;margin-top:20px}
html body #home-credentials h2 {font-size:clamp(24px,2vw,30px)!important}
html body main .sedation-resource-link {margin-top:24px;font-size:15px}
html body main .sedation-level-list {margin:24px 0}
html body main .sedation-level-list>div {padding:18px 0;border-top:1px solid var(--line)}
html body main .sedation-level-list dt {font-weight:600;margin-bottom:8px}
html body main .sedation-level-list dd {margin:0;line-height:1.65}
html body main .clinical-source {margin-top:24px}
html body main .clinical-source a {text-decoration:underline;text-underline-offset:3px}
html body main .anesthesia-choice-note {margin-top:36px;padding-top:28px;border-top:1px solid var(--line);max-width:78ch}
html body main .anesthesia-choice-note h3 {margin:0 0 16px}
html body main .terminology-links {margin-top:20px}
html body main .terminology-links a {text-decoration:underline;text-underline-offset:3px}
/* Keep white button text on the approved #B45D52: calculated contrast 4.54:1. */
/* No arbitrary global spacing reset: the established section rhythm is intentional. */
@media(max-width:700px) {
  html body #home-credentials .quiet-window {overflow:visible!important;width:100%;padding:0}
  html body #home-credentials .quiet-track {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;transform:none!important;width:100%!important}
  html body #home-credentials .credential-tile {width:auto!important;min-width:0!important;max-width:none!important;padding:16px 8px!important}
  html body #home-credentials [data-rail-clone] {display:none!important}
  html body #home-credentials [data-quiet-pause] {display:none!important}
}
/* On phones the film and text occupy separate areas, avoiding text over faces. */
@media(max-width:600px) {
  html body .quiet-footer-columns a {padding-block:8px}
  html body #main #top.hero {display:flex!important;flex-direction:column;align-items:stretch;min-height:0!important;height:auto!important;max-height:none!important;background:#F4F3F0!important}
  html body #main #top .hero-film {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;object-position:center;display:block}
  html body #main #top .hero-scrim {display:none!important}
  html body #main #top .hero-copy {padding:32px 0 40px!important;width:calc(100% - 48px);margin:0 auto;position:relative!important;color:#132E4D!important}
  html body #main #top :is(h1,.hero-tagline,.eyebrow,.inverse-link) {color:#132E4D!important;text-shadow:none!important}
  html body #main #top h1 {font-size:clamp(34px,8.7vw,48px)!important;line-height:1.08!important;max-width:none!important;margin-top:24px}
  html body #main #top .hero-tagline {font-size:22px!important;line-height:1.4!important;margin-top:22px}
  html body #main #top .hero-actions {margin-top:28px;gap:20px}
  html body #main #top .inverse-link {border-color:#132E4D!important}
  html body #main #top .video-toggle {position:absolute!important;top:calc(100vw * .5625 - 56px)!important;bottom:auto!important;right:20px!important}
  html[data-theme="dark"] body #main #top.hero {background:#132E4D!important}
  html[data-theme="dark"] body #main #top :is(h1,.hero-tagline,.eyebrow,.inverse-link) {color:#F8F5EF!important}
  html[data-theme="dark"] body #main #top .inverse-link {border-color:#F8F5EF!important}
}