/* Hospital landing pages only: reuse the commercial site's palette and layout. */
.hospital-page h1 { max-width: 24ch; font-size: clamp(34px, 5.8vw, 64px); line-height: 1.08; overflow-wrap: anywhere; }
.hospital-page .eyebrow { color: var(--terracotta-dark); }
.hospital-page .hospital-access { max-width: 780px; border-left: 5px solid var(--terracotta-dark); }
.hospital-page .hospital-access strong { font-size: 1.2rem; }
.hospital-page .hospital-access p { margin: 8px 0 0; }
.hospital-page .hospital-included { margin-top: 20px; }
.hospital-page .language-switcher a { text-decoration: none; text-align: center; }
.hospital-page nav [aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
.hospital-page .button.primary, .hospital-page .lang-button.active { background: var(--terracotta-dark); }

.hospital-page .hospital-rates { background: var(--warm-white, #fffaf3); }
.hospital-page .rate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; margin: 28px 0 20px; }
.hospital-page .rate-grid article { display: grid; gap: 8px; padding: 22px; border: 1px solid rgba(0,0,0,.12); border-radius: 16px; background: #fff; }
.hospital-page .rate-grid strong { color: var(--terracotta-dark); }
.hospital-page .rate-grid span { font-size: clamp(1.25rem, 2vw, 1.6rem); font-weight: 700; }
.hospital-page .rate-grid small { font-weight: 700; }
.hospital-page .rate-note { max-width: 78ch; margin: 0 0 24px; }

.hospital-page .features { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hospital-page .features article { display: flex; flex-direction: column; align-items: flex-start; }
.hospital-page .hospital-map-link {
  margin-top: auto;
  padding: 11px 15px;
  font-size: .92rem;
  color: #fff !important;
  background: var(--terracotta-dark) !important;
  border-color: var(--terracotta-dark) !important;
  box-shadow: 0 8px 20px rgba(82, 50, 30, .16);
}
.hospital-page .hospital-map-link:hover,
.hospital-page .hospital-map-link:focus-visible {
  color: #fff !important;
  background: #7a3d27 !important;
  border-color: #7a3d27 !important;
}

@media (max-width: 1100px) {
  .hospital-page .features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .hospital-page .features { grid-template-columns: 1fr; }
}