/* Exact existing .bg-green background from style.css. Brown is the shared
   --hero-panel-background token from hero.css, without changing either color. */
.medicus-info-bands {
  --medicus-info-turquoise: #97D8D6;
}
.medicus-info-bands .medicus-info-band {
  padding-block: clamp(20px, 2vw, 28px);
  font-family: inherit;
  font-size: clamp(1.125rem, .75rem + .833333vw, 1.5rem);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: break-word;
}
.medicus-info-bands .medicus-info-band--medical {
  --a11y-surface-text: var(--medicus-info-turquoise);
  background-color: var(--hero-panel-background);
  color: var(--medicus-info-turquoise);
}
.medicus-info-bands .medicus-info-band--insurance {
  --a11y-surface-text: var(--hero-panel-background);
  background-color: var(--medicus-info-turquoise);
  color: var(--hero-panel-background);
}
.medicus-info-bands .container {
  padding-inline: max(20px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
}
.medicus-info-bands :is(h2, p) {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}
.medicus-info-bands h2 { font-weight: 700; }
.medicus-info-bands .medicus-info-band__intro h2 { display: inline; }
.medicus-info-bands :is(h2, p, .medicus-info-band__intro) {
  scroll-margin-block: 150px;
}
/* Leave room beside the existing accessibility control on short landscapes. */
@media (max-width: 991px) and (orientation: landscape) and (max-height: 500px) {
  .medicus-info-bands .container { padding-inline: 76px; }
}
@media (forced-colors: active) {
  .medicus-info-bands .medicus-info-band {
    --a11y-surface-text: CanvasText;
    color: CanvasText;
    background-color: Canvas;
  }
}