/* Shared visual rhythm and accessible responsive banner composition. */
@media screen {
  body.hospital-site { background:linear-gradient(180deg,#eae6f3 0,#f5f6fa 700px); }
  .site-header { background:white; }
  .brand-row { padding-block:1.5rem; }
  .navigation-bar { background:transparent; border:0; padding-bottom:1rem; }
  .navigation-inner { border-radius:12px; padding:.35rem .7rem; background:#244e77; box-shadow:0 8px 18px #244e7714; gap:.6rem; }
  #primary-navigation { gap:.25rem; }
  #primary-navigation a { color:#fff; min-height:48px; border:0; border-radius:7px; padding:.75rem .9rem; font-size:.9375rem; }
  #primary-navigation a:hover,#primary-navigation a[aria-current="page"] { background:#e7e2f3; color:#244e77; border:0; }
  .site-search { padding-block:.2rem; }
  .site-search input { background:#fff; }
  .site-search button { background:#d5cbea; color:#244e77; }
  .site-search button:hover { background:#e7e2f3; }
  .hospital-carousel { margin-top:1.75rem; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 16px 45px -25px #244e7740; border:1px solid #e0e3ec; }
  .banner-slide { position:relative; min-height:350px; display:flex; align-items:center; background:#f5f7fb; isolation:isolate; }
  .banner-slide[hidden],.banner-controls[hidden] { display:none; }
  .banner-art { position:absolute; inset:0 0 0 auto; width:45%; overflow:hidden; z-index:-1; }
  .banner-art img { position:absolute; right:0; top:0; width:250%; height:100%; max-width:none; object-fit:cover; object-position:right center; }
  .banner-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#f5f7fb,transparent 22%); }
  .banner-copy { width:58%; padding:2.75rem 3rem; }
  .banner-eyebrow { font-size:.8125rem; font-weight:650; letter-spacing:.13em; text-transform:uppercase; color:#526a85; margin:0 0 1rem; }
  .hospital-site .banner-copy h2 { font:400 clamp(2rem,3.8vw,3.3rem)/1.12 Georgia,serif; letter-spacing:-.035em; color:#174d78; margin:0 0 1.1rem; }
  .banner-copy p:last-child { font-size:1rem; color:#49637d; margin:0; line-height:1.65; max-width:430px; }
  .banner-institutional { background:#004c80; }
  .banner-institutional .banner-art::after { background:linear-gradient(90deg,#004c80,transparent 22%); }
  .hospital-site .banner-institutional h2,.banner-institutional .banner-copy p { color:white; }
  .banner-controls { display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.7rem 1.5rem; border-top:1px solid #e3e7ef; background:white; }
  .banner-options { display:flex; flex-wrap:wrap; gap:.4rem; }
  .banner-controls button { min-height:44px; border:0; background:transparent; color:#50657b; font:600 .875rem/1.3 "Segoe UI",sans-serif; border-radius:6px; padding:.6rem .8rem; cursor:pointer; }
  .banner-controls button[aria-pressed="true"] { background:#eae5f4; color:#244e77; }
  .banner-controls button:hover { background:#edf1f7; }
  .page-layout { gap:1.75rem; padding-top:2rem; }
  .section-sidebar { background:#fff; border:1px solid #e0e5ef; border-radius:12px; }
  .section-sidebar summary { background:#e7e2f2; color:#244e77; border-radius:0; padding:1.2rem; }
  .section-sidebar ul { padding:.5rem; }
  .section-sidebar li { border:0; }
  .section-sidebar a { border-radius:6px; padding:.7rem .75rem; font-size:.875rem; }
  .section-sidebar li+li { border-top:1px solid #f0f2f6; }
  .hospital-site .content { border-radius:12px; border-top:1px solid #e2e6ed; box-shadow:0 12px 30px -24px #244e7730; }
  .hospital-site .calloutcontentsidebar { border-radius:9px; }
  .hospital-site .calloutcontentsidebar a { min-height:132px; }
  .hospital-site fieldset { border-radius:10px; }
  .site-footer { border-top:4px solid #c7bfe6; }
}
@media screen and (max-width:1100px) {
  .navigation-inner { padding:.5rem; }
  .site-search { max-width:none; }
  .banner-copy { padding:2rem; }
  .banner-slide { min-height:300px; }
  .hospital-site .calloutcontentsidebar a { min-height:0; }
}
@media screen and (max-width:760px) {
  .navigation-inner { width:calc(100% - 2rem); padding:.6rem; }
  .menu-toggle { color:white; border-color:#ffffff60; }
  .hospital-carousel { margin-top:1rem; border-radius:12px; }
  .banner-slide { min-height:0; display:flex; flex-direction:column; align-items:stretch; }
  .banner-art { position:relative; inset:auto; width:100%; height:145px; order:2; z-index:0; }
  .banner-art img { width:250%; height:auto; min-height:100%; top:50%; transform:translateY(-50%); }
  .banner-art::after { background:linear-gradient(180deg,#f5f7fb,transparent 40%); }
  .banner-institutional .banner-art::after { background:linear-gradient(180deg,#004c80,transparent 40%); }
  .banner-copy { width:100%; padding:1.5rem 1.4rem 1rem; min-height:235px; }
  .hospital-site .banner-copy h2 { font-size:2.2rem; }
  .banner-eyebrow { font-size:.75rem; letter-spacing:.08em; }
  .banner-controls { padding:.5rem; gap:.25rem; flex-wrap:wrap; }
  .banner-controls button { padding:.6rem; }
  .page-layout { gap:1rem; padding-top:1rem; }
  .section-sidebar summary { border-radius:0; }
}
@media print { .hospital-carousel { display:none; } }
@media screen and (max-width:760px) { .banner-label { display:none; } .banner-controls { flex-wrap:nowrap; padding:.5rem .75rem; } .banner-controls button { min-width:44px; } .banner-copy { min-height:210px; } }