/*
 * Prior Authorization & Clinical Support (page-prior-authorization-clinical-support.php)
 * Section styles for template-parts/priorauth/*. Loaded after style.css, which
 * owns the tokens, base, buttons, tag, header and footer.
 *
 * Lengths are the Figma values converted to the theme's fluid scale
 * (px / 1920 * 100 = vw), so the page tracks the 1920px design canvas.
 *
 * Sections sit in .container--wide (1686px of content) with a page-local inner
 * measure. Most use .priorauth-inner (1368px = 276px page margins); the ones
 * the design draws wider or narrower set their own max-width.
 */

.priorauth-inner {
  max-width: var(--measure-narrow);
  margin-inline: auto;
}

/* Rule + label lockup, used in place of the .tag ribbon on this page */
.priorauth-eyebrow {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, calc(0.57 * var(--vw)), 0.6875rem);
  font-size: var(--fs-ui);
  font-weight: 600;
  line-height: 1.283;
  color: var(--c-charcoal);
}
.priorauth-eyebrow__rule {
  flex: 0 0 auto;
  width: clamp(34px, calc(3.23 * var(--vw)), 62px);
  height: 2px;
  background: currentColor;
}

/* ==========================================================================
   Hero
   ========================================================================== */
.priorauth-hero {
  background: var(--c-white);
  padding-block: clamp(3rem, calc(7.81 * var(--vw)), 9.372rem) clamp(2rem, calc(4.84 * var(--vw)), 5.808rem);
}
.priorauth-hero__inner {
  max-width: var(--measure-wide);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 981fr) minmax(0, 603fr);
  align-items: center;
  gap: clamp(2rem, calc(3 * var(--vw)), 3.5rem);
}
.priorauth-hero__title {
  margin-top: clamp(0.75rem, calc(1.15 * var(--vw)), 1.375rem);
  max-width: 12em;
  font-size: var(--fs-hero);
  font-weight: 800;
  line-height: 1.283;
  color: var(--c-charcoal);
}
.priorauth-hero__title .accent {
  color: var(--c-orange);
}
/* No uppercase transform here: the design sets the label in caps but keeps the
   "s" of "PAs" lowercase, so the casing lives in the field, not in the CSS. */
.priorauth-hero__btn {
  margin-top: clamp(1.5rem, calc(2.45 * var(--vw)), 2.9375rem);
  min-width: clamp(240px, calc(20.1 * var(--vw)), 386px);
  font-weight: 600;
}
.priorauth-hero__art {
  --hero-art-w: 504;
}

/* ==========================================================================
   Why prior authorizations matter
   ========================================================================== */
.priorauth-why {
  background: var(--c-ice);
  padding-block: clamp(3.5rem, calc(9.06 * var(--vw)), 10.872rem);
}
.priorauth-why__inner {
  max-width: min(1547px, calc(80.5729 * var(--vw-inset)));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 904fr) minmax(0, 507fr);
  column-gap: 8.79%; /* 136 of 1547 */
  align-items: start;
}
.priorauth-why__copy {
  position: relative;
  padding-top: clamp(0rem, calc(0.73 * var(--vw)), 0.875rem);
}
.priorauth-why__heading {
  font-size: var(--fs-h3);
  font-weight: 800;
  line-height: 1.2;
  color: var(--c-charcoal);
}
.priorauth-why__heading .accent {
  color: var(--c-orange);
}
/* Opening quote hangs in the gutter to the left of the heading */
.priorauth-why__mark {
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 0.02em;
  font-family: var(--font-serif);
  font-weight: 500;
  font-style: italic;
  font-size: var(--fs-hero);
  line-height: 1;
  color: var(--c-orange);
}
.priorauth-why__body {
  margin-top: clamp(1rem, calc(1.51 * var(--vw)), 1.8125rem);
  font-size: var(--fs-body);
  line-height: 1.8;
}

.priorauth-why__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  row-gap: clamp(0.75rem, calc(1.51 * var(--vw)), 1.8125rem);
}
.priorauth-pill {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, calc(1.46 * var(--vw)), 1.75rem);
  min-height: clamp(76px, calc(5.42 * var(--vw)), 104px);
  padding-inline: clamp(0.875rem, calc(1.3 * var(--vw)), 1.5625rem);
  border: 2px solid var(--c-blue);
  border-radius: min(18px, calc(0.9375 * var(--vw-inset)));
  background: var(--c-white);
  /* Reveal target too — see .savings-card in front-page.css. */
  transition:
    var(--reveal-transition),
    transform var(--motion) ease,
    border-color var(--motion) ease,
    box-shadow var(--motion) ease;
}
.priorauth-pill:hover {
  transform: translateY(calc(var(--lift) * -1));
  border-color: var(--c-orange);
  box-shadow: 0 calc(var(--lift) * 2) calc(var(--lift) * 4) rgba(20, 42, 56, 0.13);
}
.priorauth-pill__icon {
  flex: 0 0 auto;
  width: clamp(34px, calc(2.6 * var(--vw)), 50px);
  height: auto;
}
.priorauth-pill__label {
  font-size: var(--fs-body);
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-charcoal);
}
.priorauth-pill__check {
  flex: 0 0 auto;
  margin-left: auto;
  width: clamp(42px, calc(3.23 * var(--vw)), 62px);
  height: auto;
}

/* ==========================================================================
   A real person handles your PA
   ========================================================================== */
.priorauth-pharmacist {
  background: var(--c-cream);
  padding-block: clamp(3.5rem, calc(8.7 * var(--vw)), 10.44rem);
}
.priorauth-pharmacist__inner {
  max-width: min(1309px, calc(68.1771 * var(--vw-inset)));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 394fr) minmax(0, 836fr);
  column-gap: 6.03%; /* 79 of 1309 */
  align-items: center;
}
.priorauth-pharmacist__figure {
  margin: 0;
}
.priorauth-pharmacist__photo {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  /* The design draws the ring as an 8px stroke outside the 378px photo */
  border: clamp(5px, calc(0.42 * var(--vw)), 8px) solid var(--c-blue);
  /* ...and drops the whole disc onto the cream band */
  box-shadow: 8px 6px 4px rgba(0, 0, 0, 0.25);
  transition: transform var(--motion) ease;
}
.priorauth-pharmacist__figure:hover .priorauth-pharmacist__photo {
  transform: scale(1.04);
}
.priorauth-pharmacist__caption {
  margin-top: clamp(0.5rem, calc(0.68 * var(--vw)), 0.8125rem);
  font-size: var(--fs-body);
  font-weight: 500;
  line-height: 1.283;
  text-align: center;
  color: var(--c-charcoal);
}
.priorauth-pharmacist__heading {
  font-size: var(--fs-h2);
  font-weight: 800;
  line-height: 1.283;
  color: var(--c-charcoal);
}
.priorauth-pharmacist__body {
  margin-top: clamp(1rem, calc(1.09 * var(--vw)), 1.3125rem);
  font-family: var(--font-serif);
  font-size: var(--fs-body);
  line-height: 1.8;
  color: var(--c-charcoal);
}

/* ==========================================================================
   What to do if you receive a PA — intro plus three step bands
   ========================================================================== */
.priorauth-steps__intro-band {
  background: var(--c-white);
  padding-block: clamp(3.25rem, calc(8.33 * var(--vw)), 9.996rem) 0;
}
.priorauth-steps__intro {
  max-width: min(1233px, calc(64.2188 * var(--vw-inset)));
  display: grid;
  grid-template-columns: minmax(0, 661fr) minmax(0, 405fr);
  column-gap: 13.54%; /* 167 of 1233 */
  align-items: start;
}
.priorauth-steps__heading {
  padding-top: clamp(0rem, calc(1.46 * var(--vw)), 1.75rem);
  font-size: var(--fs-h3);
  font-weight: 700;
  line-height: 1.4;
  color: var(--c-charcoal);
}
.priorauth-steps__heading .accent {
  font-family: var(--font-serif);
  font-weight: 600;
  font-style: italic;
  color: var(--c-orange);
}
.priorauth-steps__intro-copy .priorauth-steps__lead {
  margin-top: clamp(1.25rem, calc(2.29 * var(--vw)), 2.75rem);
}
.priorauth-steps__lead {
  font-size: var(--fs-body);
  line-height: 1.8;
  color: var(--c-charcoal);
}
.priorauth-steps__intro-art img {
  width: 100%;
  height: auto;
}

.priorauth-step {
  background: var(--c-white);
  padding-block: clamp(2.25rem, calc(5.78 * var(--vw)), 6.936rem) clamp(3.25rem, calc(8.18 * var(--vw)), 9.816rem);
}
.priorauth-step--blue {
  background: var(--c-blue);
  color: var(--c-white);
  padding-block: clamp(1.75rem, calc(4.48 * var(--vw)), 5.376rem) clamp(3rem, calc(7.76 * var(--vw)), 9.312rem);
}
.priorauth-step__grid {
  display: grid;
  grid-template-columns: minmax(0, 629fr) minmax(0, 684fr);
  column-gap: 2.93%; /* 40 of 1368 */
  align-items: center;
}
.priorauth-step__media img {
  width: 100%;
  height: auto;
  /* Artwork is narrower than its column on steps 01 and 02; centring lands it
     where the design places it. */
  margin-inline: auto;
}
/* Step 01 draws its artwork at 525 inside the shared 629 column */
.priorauth-step--portal .priorauth-step__media img {
  max-width: 83.47%; /* 525 of 629 */
}
.priorauth-step--blue .priorauth-step__grid {
  grid-template-columns: minmax(0, 662fr) minmax(0, 598fr);
  column-gap: 7.82%; /* 107 of 1368 */
}
.priorauth-step--blue .priorauth-step__media {
  order: 2;
}
.priorauth-step--blue .priorauth-step__body {
  order: 1;
}
/* Only steps 02 and 03 carry a drop shadow in the design */
.priorauth-step--blue .priorauth-step__media img {
  filter: drop-shadow(1px 10px 6.6px rgba(0, 0, 0, 0.25));
  max-width: 90.33%; /* 598 of 662 */
}
.priorauth-step__media--shadow img {
  filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.25));
  max-width: 83.47%; /* matches step 01's narrower treatment in the shared 629 column */
}

.priorauth-step__number {
  font-family: var(--font-serif);
  font-weight: 600;
  font-style: italic;
  font-size: clamp(3rem, calc(5.2083 * var(--vw)), 6.25rem); /* 100 */
  line-height: 1.3;
  color: var(--c-orange);
}
.priorauth-step__title {
  margin-top: clamp(0.75rem, calc(1.35 * var(--vw)), 1.625rem);
  font-size: var(--fs-h4);
  font-weight: 700;
  line-height: 1.3;
}
.priorauth-step__lead {
  margin-top: clamp(0.75rem, calc(1.41 * var(--vw)), 1.6875rem);
  font-size: var(--fs-body);
  line-height: 1.8;
}

.priorauth-step__link {
  margin-top: clamp(1rem, calc(0.94 * var(--vw)), 1.125rem);
  display: inline-flex;
  align-items: center;
  gap: clamp(0.75rem, calc(0.68 * var(--vw)), 0.8125rem);
  font-size: var(--fs-ui);
  font-weight: 700;
  color: var(--c-blue);
  transition: filter 0.2s ease;
}
.priorauth-step__link:hover {
  filter: brightness(1.2);
}
.priorauth-step__link img {
  flex: 0 0 auto;
  width: clamp(26px, calc(1.93 * var(--vw)), 37px);
  height: auto;
}

.priorauth-step__contact {
  margin-top: clamp(1rem, calc(1.35 * var(--vw)), 1.625rem);
}
.priorauth-step__contact-heading {
  font-size: var(--fs-body);
  font-weight: 700;
  line-height: 1.8;
}
.priorauth-step__phone {
  margin-top: clamp(0.25rem, calc(0.42 * var(--vw)), 0.5rem);
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, calc(0.83 * var(--vw)), 1rem);
  font-size: var(--fs-h4);
  font-weight: 700;
  line-height: 1.3;
}
.priorauth-step__phone img {
  flex: 0 0 auto;
  width: clamp(28px, calc(2.03 * var(--vw)), 39px);
  height: auto;
}
.priorauth-step__phone a:hover {
  color: var(--c-orange);
}
.priorauth-step__note {
  margin-top: clamp(1rem, calc(1.98 * var(--vw)), 2.375rem);
  font-size: var(--fs-body);
  line-height: 1.8;
}

/* ==========================================================================
   Already have a PA?
   ========================================================================== */
.priorauth-transfer {
  background: var(--c-white);
}
.priorauth-transfer__card {
  max-width: min(1170px, calc(60.9375 * var(--vw-inset)));
  margin-inline: auto;
  border-radius: min(45px, calc(2.3438 * var(--vw-inset)));
  background: var(--c-ice);
  padding: clamp(1.75rem, calc(3.13 * var(--vw)), 3.75rem) clamp(1.5rem, calc(3.13 * var(--vw)), 3.75rem);
  display: grid;
  grid-template-columns: minmax(0, 602fr) minmax(0, 380fr);
  column-gap: 6.62%; /* 70 of 1050, the card's inner width */
  align-items: center;
}
.priorauth-transfer__heading {
  font-size: var(--fs-h3);
  font-weight: 800;
  line-height: 1.34;
  color: var(--c-charcoal);
}
.priorauth-transfer__heading .accent {
  color: var(--c-orange);
}
.priorauth-transfer__body {
  margin-top: clamp(0.5rem, calc(0.73 * var(--vw)), 0.875rem);
  font-size: var(--fs-body);
  line-height: 1.8;
  color: var(--c-charcoal);
}
.priorauth-transfer__body p + p {
  margin-top: 1.8em;
}
/* The comp rims this circle with a 2.66-canvas-px stroke that the export does
   not carry, so it is drawn here. border-box keeps the outer diameter where it
   was — the rim lands on the artwork's own edge rather than growing the box. */
.priorauth-transfer__art img {
  display: block;
  width: 100%;
  max-width: clamp(13.75rem, calc(19.7917 * var(--vw)), 23.75rem); /* 380 */
  height: auto;
  margin-inline: auto;
  border: 2px solid var(--c-blue);
  border-radius: 50%;
}

/* ==========================================================================
   Types of medications we review
   ========================================================================== */
.priorauth-types {
  background: var(--c-white);
  padding-block: clamp(3rem, calc(7.24 * var(--vw)), 8.688rem);
}
.priorauth-types__inner {
  max-width: min(1432px, calc(74.5833 * var(--vw-inset)));
  margin-inline: auto;
}
.priorauth-types__heading {
  font-size: var(--fs-h3);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: var(--c-charcoal);
}
.priorauth-types__intro {
  margin-top: clamp(0.5rem, calc(1.09 * var(--vw)), 1.3125rem);
  font-size: var(--fs-body);
  line-height: 1.8;
  text-align: center;
  color: var(--c-charcoal);
}
.priorauth-types__grid {
  margin-top: clamp(2rem, calc(3.8 * var(--vw)), 4.5625rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 4.89%; /* 70 of 1432 */
  row-gap: clamp(1.5rem, calc(3.28 * var(--vw)), 3.9375rem);
}
.priorauth-type {
  /* No global token for the card fill; it is only used here. */
  --priorauth-card: #f4f4f4;
  background: var(--priorauth-card);
  border-radius: min(37px, calc(1.9271 * var(--vw-inset)));
  /* Slightly smaller than the original clamp so the cards read a touch more
     compact, per client feedback. */
  padding: clamp(1.25rem, calc(2 * var(--vw)), 2.375rem) clamp(1.25rem, calc(2.8 * var(--vw)), 3.375rem);
  /* Reveal target too — see .audience-card in front-page.css. */
  transition:
    var(--reveal-transition),
    transform var(--motion) ease,
    box-shadow var(--motion) ease;
}
.priorauth-type:hover {
  transform: translateY(calc(var(--lift) * -1));
  box-shadow: 0 calc(var(--lift) * 2) calc(var(--lift) * 4) rgba(20, 42, 56, 0.13);
}
.priorauth-type__icon {
  width: auto;
  height: clamp(40px, calc(2.97 * var(--vw)), 57px);
  transition: transform var(--motion) ease;
}
.priorauth-type:hover .priorauth-type__icon {
  transform: scale(1.08);
}
.priorauth-type__title {
  margin-top: clamp(1rem, calc(1.51 * var(--vw)), 1.8125rem);
  font-size: var(--fs-h4);
  font-weight: 700;
  line-height: 1.25;
  color: var(--c-charcoal);
}
/* Hidden until hover/focus, same reveal pattern as .audience-card__overlay in
   front-page.css — opacity + max-height so the reveal animates smoothly
   without the card's own height jumping around. */
.priorauth-type__body {
  margin-top: clamp(0.75rem, calc(1.09 * var(--vw)), 1.3125rem);
  font-size: var(--fs-body);
  line-height: 1.5;
  color: var(--c-charcoal);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity var(--motion) ease, max-height var(--motion) ease, margin-top var(--motion) ease;
}
.priorauth-type:hover .priorauth-type__body,
.priorauth-type:focus-within .priorauth-type__body {
  max-height: 12em;
  opacity: 1;
}
.priorauth-type__link {
  display: block;
  margin-top: clamp(0.5rem, calc(0.78 * var(--vw)), 0.9375rem);
  font-size: var(--fs-body);
  font-weight: 700;
  color: var(--c-blue);
  text-decoration: underline;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity var(--motion) ease, max-height var(--motion) ease, margin-top var(--motion) ease;
}
.priorauth-type:hover .priorauth-type__link,
.priorauth-type:focus-within .priorauth-type__link {
  max-height: 3em;
  opacity: 1;
}
.priorauth-type__link:hover {
  filter: brightness(1.2);
}

/* ==========================================================================
   How long it takes
   ========================================================================== */
.priorauth-timing {
  background: var(--c-white);
  padding-block: clamp(2rem, calc(5.16 * var(--vw)), 6.192rem) clamp(4rem, calc(10 * var(--vw)), 12rem);
}
.priorauth-timing__heading {
  font-size: var(--fs-h3);
  font-weight: 800;
  line-height: 1.2;
  color: var(--c-charcoal);
}
.priorauth-timing__intro {
  margin-top: clamp(0.75rem, calc(1.3 * var(--vw)), 1.5625rem);
  font-size: var(--fs-body);
  line-height: 1.4;
  color: var(--c-charcoal);
}
.priorauth-timing__grid {
  margin-top: clamp(1.5rem, calc(2.19 * var(--vw)), 2.625rem);
  border-top: 1px solid rgba(57, 57, 57, 0.5);
  padding-top: clamp(1.5rem, calc(2.76 * var(--vw)), 3.3125rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.priorauth-stat + .priorauth-stat {
  border-left: 1px solid rgba(57, 57, 57, 0.5);
  padding-left: clamp(1.5rem, calc(3.33 * var(--vw)), 4rem);
}
.priorauth-stat__label {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, calc(0.57 * var(--vw)), 0.6875rem);
  font-size: var(--fs-ui);
  font-weight: 700;
  line-height: 1.283;
  text-transform: uppercase;
  color: var(--c-blue);
}
.priorauth-stat__rule {
  flex: 0 0 auto;
  width: clamp(18px, calc(1.46 * var(--vw)), 28px);
  height: 2px;
  background: currentColor;
}
.priorauth-stat__value {
  margin-top: clamp(0.5rem, calc(0.52 * var(--vw)), 0.625rem);
  font-size: var(--fs-hero);
  font-weight: 800;
  line-height: 1.2;
  color: var(--c-charcoal);
}
.priorauth-stat__value .accent {
  font-size: 0.625em; /* 50 of the 80px figure */
  color: var(--c-orange);
}
.priorauth-stat__note {
  margin-top: clamp(0.75rem, calc(0.94 * var(--vw)), 1.125rem);
  font-size: var(--fs-ui);
  line-height: 1.283;
  color: var(--c-charcoal);
}

/* ==========================================================================
   FAQs
   ========================================================================== */
.priorauth-faq {
  background: var(--c-ice);
  padding-block: clamp(2.75rem, calc(7.08 * var(--vw)), 8.496rem);
}
.priorauth-faq__heading {
  font-size: var(--fs-h3);
  font-weight: 800;
  line-height: 1.2;
  color: var(--c-charcoal);
}
/* The rows themselves are the shared .faq accordion in style.css */
.priorauth-faq__list {
  --faq-line: rgba(57, 57, 57, 0.35);
  --faq-pad: clamp(1.5rem, calc(2.34 * var(--vw)), 2.8125rem);
  margin-top: clamp(1.5rem, calc(3.13 * var(--vw)), 3.75rem);
}
.priorauth-faq__list .faq__q,
.priorauth-faq__list .faq__a {
  line-height: 1.58;
}

/* ==========================================================================
   Closing CTA
   ========================================================================== */
.priorauth-cta {
  background: var(--c-navy);
  color: var(--c-white);
  padding-block: clamp(2.5rem, calc(6.25 * var(--vw)), 7.5rem);
}
.priorauth-cta__grid {
  max-width: var(--measure-narrow);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 750fr) minmax(0, 410fr);
  column-gap: 14.2%; /* 192 of 1352 */
  align-items: start;
}
.priorauth-cta__heading {
  padding-top: clamp(0rem, calc(1.2 * var(--vw)), 1.4375rem);
  font-size: var(--fs-h3);
  font-weight: 800;
  line-height: 1.48;
}
.priorauth-cta__heading .accent {
  /* Second sentence, its own line on the comp. Without this the heading is one
     inline flow, so how it breaks depends on the column width and the accent's
     first word rides up onto line one at some viewports. */
  display: block;
  font-family: var(--font-serif);
  font-weight: 700;
  font-style: italic;
  color: var(--c-orange);
}
.priorauth-cta__btn {
  width: 100%;
  text-transform: uppercase;
  text-decoration: underline;
}
.priorauth-cta__contact {
  margin-top: clamp(1rem, calc(1.41 * var(--vw)), 1.6875rem);
  font-size: var(--fs-body);
  line-height: 1.81;
}
.priorauth-cta__contact a {
  font-weight: 700;
  text-decoration: underline;
}
.priorauth-cta__contact a:hover {
  color: var(--c-sky);
}
.priorauth-cta__email {
  display: block;
}

/* A visitor who has asked for reduced motion still gets the feedback, just
   not the movement — see front-page.css's reduced-motion block. */
@media (prefers-reduced-motion: reduce) {
  .priorauth-pill:hover,
  .priorauth-type:hover,
  .priorauth-type:hover .priorauth-type__icon,
  .priorauth-pharmacist__figure:hover .priorauth-pharmacist__photo {
    transform: none;
  }
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 991px) {
  .priorauth-hero__inner,
  .priorauth-why__inner,
  .priorauth-pharmacist__inner,
  .priorauth-steps__intro,
  .priorauth-step__grid,
  .priorauth-step--blue .priorauth-step__grid,
  .priorauth-transfer__card,
  .priorauth-types__grid,
  .priorauth-cta__grid {
    grid-template-columns: 1fr;
    row-gap: clamp(1.75rem, calc(4 * var(--vw)), 3rem);
  }
  /* The reversed step only makes sense side by side */
  .priorauth-step--blue .priorauth-step__media,
  .priorauth-step--blue .priorauth-step__body {
    order: 0;
  }
  /* Artwork reads as support, so it follows the copy once stacked */
  .priorauth-step__media,
  .priorauth-steps__intro-art,
  .priorauth-transfer__art,
  .priorauth-pharmacist__figure {
    order: 2;
  }
  .priorauth-hero__art,
  .priorauth-pharmacist__figure,
  .priorauth-transfer__art {
    max-width: 460px;
  }
  .priorauth-why__mark {
    position: static;
    display: inline;
    margin-right: 0.1em;
  }
  .priorauth-why__copy,
  .priorauth-steps__heading,
  .priorauth-cta__heading {
    padding-top: 0;
  }
  .priorauth-pharmacist__caption {
    text-align: left;
  }
  /* Stacked, the artwork has the width the copy had, so it drops the cap that
     keeps it from overpowering the copy beside it. */
  .priorauth-transfer__art img,
  .priorauth-step--portal .priorauth-step__media img {
    max-width: 100%;
  }
  .priorauth-cta__btn {
    width: auto;
  }
}

@media (max-width: 767px) {
  .priorauth-timing__grid {
    grid-template-columns: 1fr;
    row-gap: clamp(2rem, calc(5 * var(--vw)), 3rem);
  }
  .priorauth-stat + .priorauth-stat {
    border-left: 0;
    border-top: 1px solid rgba(57, 57, 57, 0.5);
    padding-left: 0;
    padding-top: clamp(1.5rem, calc(4 * var(--vw)), 2.5rem);
  }
}

@media (max-width: 575px) {
  .priorauth-pill {
    flex-wrap: wrap;
  }
  .priorauth-pill__check {
    margin-left: auto;
  }
  .priorauth-type,
  .priorauth-transfer__card {
    border-radius: 20px;
  }
}