/* The care destination is taken from the existing booking button on each page. */
.hero-account-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  justify-self: start;
  align-self: start;
  gap: 10px;
  min-width: 0;
}
.hero-account-actions a.hero-care-action {
  display: inline-flex; justify-content: center; align-items: center; gap: 12px;
  background: #ff9900; color: #183449; border: 1.5px solid #ff9900;
  border-radius: 12px; min-height: 46px; padding: 9px 18px; box-sizing: border-box;
  font: 750 15px/1.22 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none; white-space: nowrap;
}
.hero-account-actions a.hero-care-action:hover {background: #ffae2b;}
.hero-account-actions a.hero-care-action:focus-visible {outline: 3px solid #164f85; outline-offset: 3px;}
.hero-account-actions a.hero-signup-action {
  display: inline-flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 9px 14px;
  border: 1.5px solid #195fa5;
  border-radius: 12px;
  color: #fff;
  background: #195fa5;
  font: 700 15px/1.22 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.hero-account-actions a.hero-signup-action svg {width: 18px; height: 18px; flex: none;}
.hero-account-actions a.hero-signup-action:visited {color: #fff;}
.hero-account-actions a.hero-signup-action:hover {background: #144e88; border-color: #144e88; color: #fff;}
.hero-account-actions a.hero-signup-action:focus-visible {outline: 3px solid #122e49; outline-offset: 3px;}
@media(min-width:761px) {
  #drb-approved-hero .hero-account-actions {align-self: start; margin: 0 0 2px;}
  /* Legacy site CSS places prices and provider in a common third grid row. */
  html body #drb-approved-hero#drb-approved-hero#drb-approved-hero .home-hero__grid {row-gap: 14px !important;}
  html body #drb-approved-hero#drb-approved-hero#drb-approved-hero .co-pricing {grid-area: 4 / 1 / 5 / 2 !important; align-self: start !important; margin: 0 !important; height:auto !important; min-height: 60px !important;}
  #drb-approved-hero .hero-account-actions {grid-area: 3 / 1 / 4 / 2;}
  html body #drb-approved-hero#drb-approved-hero#drb-approved-hero .home-hero__photo {grid-row:1 / 5 !important;}
}
.service-landing__head .hero-account-actions {margin:12px 0 10px;}
@media(max-width: 760px){
  .hero-account-actions {display: grid; grid-template-columns: minmax(0,1fr); width: 100%; gap: 7px; align-self: stretch;}
  .hero-account-actions a {width: 100%;}
  .service-landing__head .hero-account-actions {margin:10px 0 0;grid-column:1/-1;grid-row:auto;order:8;}
}

/* One action row and one price comparison, shared by the medical service heroes. */
.visit-choices {
  container-type: inline-size;
  --visit-heading-size: 15px;
  inline-size: 100%;
  max-inline-size: 576px;
  min-inline-size: 0;
  box-sizing: border-box;
  color: #183449;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#drb-approved-hero .visit-choices {grid-area: 3 / 1 / 5 / 2; align-self: start;}
.service-landing__head .visit-choices, .cg-hero .visit-choices {margin-block-start: 14px;}
.cg-hero .visit-choices {grid-area: actions;}
.rf-care-hero .rf-care-actions:has(.visit-choices) {
  display: flex; flex-direction: column; align-items: flex-start; gap: 7px;
}
.cp-approved-hero > .visit-choices {margin: 16px auto 0; text-align: start;}
.visit-choices .hero-account-actions {
  display: grid; grid-area: auto; grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px; width: 100%; margin: 0;
}
.visit-choices .hero-account-actions a {
  width: 100%; min-width: 0; min-height: 48px; padding: 10px 8px;
  gap: 7px; line-height: 1.2; text-align: center;
}
.visit-choices .visit-rates {
  margin: 10px 0 0; padding: 10px 15px 12px;
  border: 1px solid #cbdce7; border-radius: 13px; background: #fff;
}
.visit-choices .visit-rates__heading {
  display: flex; align-items: center; justify-content: space-between; gap: 6px; margin: 0 0 7px;
}
.visit-choices .visit-rates__heading h2, #drb-public-main .visit-choices .visit-rates__heading h2 {
  margin: 0; padding: 0; color: #183449; letter-spacing: -.015em;
  font: 700 var(--visit-heading-size)/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.visit-choices .visit-rates__details {
  display: inline-flex; align-items: center; gap: 4px; flex: none;
  min-height: 24px; width: auto; min-width: 0; padding: 0 2px; margin: -3px 0;
  border: 0; border-radius: 3px; background: transparent; box-shadow: none; cursor: pointer;
  color: #195fa5; text-decoration: none; font: 650 13px/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.visit-choices .visit-rates__list {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 0;}
.visit-choices .visit-rates__item {
  display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
  min-width: 0; margin: 0; padding: 0 10px; gap: 1px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: #183449; font-family: inherit; text-align: start; text-decoration: none;
}
.visit-choices .visit-rates__item:first-child {padding-inline-start: 0;}
.visit-choices .visit-rates__item:last-child {padding-inline-end: 0;}
.visit-choices .visit-rates__item + .visit-rates__item {border-inline-start: 1px solid #d5e1e9;}
.visit-choices .visit-rates__label {color: #405969; font-size: 13px; font-weight: 650; line-height: 1.2;}
.visit-choices .visit-rates__price {color: #183449; font-size: 27px; font-weight: 750; line-height: 1.05; letter-spacing: -.035em; font-variant-numeric: tabular-nums;}
.visit-choices .visit-rates__item:first-child .visit-rates__price {color: #195fa5;}
.visit-choices .visit-rates__note {color: #516775; font-size: 12px; line-height: 1.2;}
.visit-choices .visit-rates a:hover, .visit-choices .visit-rates button:hover {text-decoration: underline;}
.visit-choices .visit-rates :is(a,button):focus-visible {outline: 3px solid #195fa5; outline-offset: 2px;}
.visit-choices [data-visit-price-options] {gap: 3px;}
.visit-choices [data-visit-price-options] .visit-rates__item {
  cursor: pointer; border: 1px solid transparent; border-radius: 6px; padding: 2px 6px;
}
.visit-choices [data-visit-price-options] .visit-rates__item[aria-pressed="true"] {background: #eaf3fc; border-color: #8db1d1;}
@media (max-width: 760px) {
  .visit-choices {max-inline-size: none; --visit-heading-size: 13px;}
  #drb-approved-hero .visit-choices {grid-area: 3 / 1 / 4 / -1; max-inline-size: none;}
  .service-landing__head .visit-choices {grid-column: 1/-1; grid-row: 5; order: 8; margin: 0;}
  .visit-choices .hero-account-actions {grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); gap: 7px;}
  .visit-choices .hero-account-actions a {min-height: 44px; padding: 8px 5px; font-size: 14px; gap: 4px;}
  .visit-choices .hero-signup-action svg {width: 15px; height: 15px;}
  .visit-choices .visit-rates {margin-top: 7px; padding: 6px 11px 7px; border-radius: 11px;}
  .visit-choices .visit-rates__heading {margin-bottom: 3px;}
  .visit-choices .visit-rates__details {font-size: 12px;}
  .visit-choices .visit-rates__item {padding-inline: 8px;}
  .visit-choices .visit-rates__label {font-size: 12px;}
  .visit-choices .visit-rates__price {font-size: 22px;}
  .visit-choices .visit-rates__note {font-size: 11.5px;}
}
@container (max-width: 335px) {
  .visit-choices .visit-rates__list {grid-template-columns: minmax(0,.73fr) minmax(0,1.09fr) minmax(0,1.18fr);}
  .visit-choices .visit-rates__item {padding-inline: 4px;}
}
@container (max-width: 420px) {
  .visit-choices .hero-account-actions a > [aria-hidden="true"] {display: none;}
  .visit-choices .hero-account-actions {grid-template-columns: minmax(0,.91fr) minmax(0,1.09fr);}
  .visit-choices .hero-account-actions a {font-size: 14px; padding-inline: 4px;}
}
@container (max-width: 285px) {
  .visit-choices .hero-account-actions a {font-size: 13px; padding-inline: 3px;}
  .visit-choices .visit-rates__item {padding-inline: 4px;}
  .visit-choices .visit-rates__note {font-size: 11px;}
}
@media (max-width: 370px) {
  .visit-choices .hero-account-actions {gap: 6px;}
  .visit-choices .hero-account-actions a > [aria-hidden="true"] {display: none;}
  .visit-choices .visit-rates {padding-inline: 8px;}
  .visit-choices .visit-rates__item {padding-inline: 5px;}
}
