@media (max-width: 1023px) {
  .columns--cols-2.resource-cards > .columns__wrapper {
    grid-template-columns: 1fr;
  }
}

.patient-outcome-chart-container .columns__wrapper > .columns__col:nth-child(2) {
  display: flex;
  justify-content: center;
}

.patient-report-chart-mobile-container .columns--reverse-mobile .columns__wrapper {
  display: flex;
  flex-direction: row !important;
  gap: 16px !important;
}

.max-w-976 {
  max-width: 976px;
}

.max-w-834 {
  max-width: 834px;
}

.max-w-710 {
  max-width: 710px;
}

@media (max-width: 767px) {

  .container:has(> .eligible-patient-container) {
    padding-inline: 0;
  }

  .eligible-patient-container {
    padding-inline: 0;
  }

}

.font-16 {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.text-footnote {
  font-size: var(--fs-16, 16px) !important;
}

@media (min-width: 769px) {
  .neon-top-desktop.neon-bottom-desktop.max-w-834 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .help-patient-container {
    width: 38.875rem;
    max-width: 38.875rem;
  }
}

.helpful-resources-container.container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  margin-bottom: var(--gap-size-lg);
  padding: 1.5rem;
  border-radius: var(--radius-2xl);
  background-color: var(--color-white);
}

@media (min-width: 769px) {

  .helpful-resources-container.container {
    width: 100%;
    max-width: 50rem;
  }

}

@media (max-width: 768px) {
  .container.divider-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .reductions-in-er br {
    display: none;
  }
}

/* ER visits stat row — column divider. */
.reductions-in-er .columns__col {
  position: relative;
  min-width: 0;
}

@media (min-width: 768px) {

  .reductions-in-er .columns__col:first-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 71px;
    background: var(--color-steel);
    transform: translateY(-50%);
  }

}

@media (max-width: 767px) {

  .reductions-in-er .columns__wrapper {
    align-items: center;
    overflow: visible;
  }

  .reductions-in-er .columns--reverse-mobile .columns__col:last-child::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 71px;
    height: 1px;
    background: var(--color-steel);
    transform: translateX(-50%);
  }

}

.hcp-image.patient-reported-image {
  width: 43px;
  max-width: 43px;
  flex-shrink: 0;
}

.hcp-image.patient-reported-image .hcp-image__img {
  width: 43px;
  height: 54px;
  max-width: 43px;
  object-fit: contain;
}

.patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .columns__wrapper,
.patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .columns__wrapper {
  align-items: center;
}

@media (min-width: 768px) {

  .patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .columns__wrapper,
  .patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .columns__wrapper {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

@media (max-width: 767px) {

  .hcp-image.patient-reported-image {
    width: 41px;
    max-width: 41px;
  }

  .hcp-image.patient-reported-image .hcp-image__img {
    width: 41px;
    height: 50px;
    max-width: 41px;
  }

  .patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .columns__wrapper,
  .patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .columns__wrapper {
    display: grid !important;
    flex-direction: unset;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }

  .patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .text-wysiwyg p,
  .patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-image) .text-wysiwyg p {
    margin: 0;
  }

}

.hcp-image.patient-reported-percentage {
  width: 95px;
  max-width: 95px;
  flex-shrink: 0;
}

.hcp-image.patient-reported-percentage .hcp-image__img {
  width: 95px;
  height: 76px;
  max-width: 95px;
  object-fit: contain;
}

.patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-percentage) .columns__wrapper,
.patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-percentage) .columns__wrapper {
  align-items: center;
}

@media (min-width: 768px) {

  .patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-percentage) .columns__wrapper,
  .patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-percentage) .columns__wrapper {
    grid-template-columns: auto minmax(0, 1fr);
  }

}

@media (max-width: 767px) {

  .patient-reported-container .columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-percentage) .columns__wrapper,
  .patient-reported-modal.columns--cols-2:not(:has(> .columns__wrapper > .columns__col > .columns)):has(.patient-reported-percentage) .columns__wrapper {
    display: grid !important;
    flex-direction: unset;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }

}

.chart.patient-reported-chart .chart__figure {
  background: transparent;
  box-shadow: none;
}

.request-a-rep .text-wysiwyg {
  max-width: 802px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {

  .thank-you .enrollment-button {
    white-space: normal;
    height: auto;
    min-height: 48px;
  }

  .thank-you .enrollment-button .btn__label {
    white-space: normal;
    line-height: 1.2;
  }

  .thank-you .enrollment-button svg {
    flex: none;
    width: 24px;
    height: 24px;
    align-self: center;
  }

  a.btn.patient-injection-btn {
    height: auto;
    min-height: 3rem;
    white-space: normal;
    text-align: center;
  }

  a.btn.patient-injection-btn svg {
    flex: none;
    width: 24px;
    height: 24px;
    align-self: center;
  }

  a.btn.patient-injection-btn .btn__label {
    min-width: 0;
    line-height: normal;
  }
}

@media (max-width: 767px) {

  a.btn.patient-injection-btn {
    width: 18.5625rem;
    max-width: 100%;
  }

}

@media (max-width: 767px) {

  #control-card-container > .columns.columns--cols-3 > .columns__wrapper {
    display: grid;
    flex-direction: unset;
    grid-template-columns: 1fr;
    gap: var(--gap-size-lg);
  }

  #control-card-container .columns--cols-3 > .columns__wrapper > .columns__col > .columns > .columns__wrapper {
    display: grid !important;
    flex-direction: unset;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
    gap: var(--gap-size-lg);
  }

  #control-card-container .columns--cols-3 > .columns__wrapper > .columns__col > .columns .hcp-image {
    width: 64px;
    max-width: 64px;
    flex-shrink: 0;
  }

  #control-card-container .columns--cols-3 > .columns__wrapper > .columns__col > .columns .hcp-image__img {
    width: 64px;
    height: 64px;
    max-width: 64px;
    object-fit: contain;
  }

  #control-card-container .columns--cols-3 > .columns__wrapper > .columns__col > .columns .columns__col {
    min-width: 0;
  }

  .no-break {
    white-space: nowrap;
  }

  .font-size-22 {
    font-size: var(--fs-22);
    line-height: normal;
    font-feature-settings: "liga" 0;
  }

}

.every-step-first-column > .columns__wrapper > .columns__col > .columns > .columns__wrapper,
.every-step-second-column > .columns__wrapper > .columns__col > .columns > .columns__wrapper {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  align-items: center;
  gap: var(--gap-size-lg);
}

.every-step-first-column.columns--stretch > .columns__wrapper > .columns__col,
.every-step-second-column.columns--stretch > .columns__wrapper > .columns__col,
.every-step-first-column > .columns__wrapper > .columns__col > .columns.columns--stretch > .columns__wrapper > .columns__col,
.every-step-second-column > .columns__wrapper > .columns__col > .columns.columns--stretch > .columns__wrapper > .columns__col {
  display: block;
  min-width: 0;
}

.every-step-first-column .hcp-image,
.every-step-second-column .hcp-image {
  width: 64px;
  max-width: 64px;
}

.every-step-first-column .hcp-image__img,
.every-step-second-column .hcp-image__img {
  width: 64px;
  height: 64px;
  max-width: 64px;
  object-fit: contain;
}

@media (max-width: 1023px) {

  .every-step-first-column.columns--reverse-mobile > .columns__wrapper,
  .every-step-first-column > .columns__wrapper,
  .every-step-second-column > .columns__wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--gap-size-lg);
    flex-direction: unset;
  }

  .every-step-first-column > .columns__wrapper > .columns__col,
  .every-step-second-column > .columns__wrapper > .columns__col,
  .every-step-first-column.columns--stretch > .columns__wrapper > .columns__col,
  .every-step-second-column.columns--stretch > .columns__wrapper > .columns__col {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .every-step-first-column > .columns__wrapper > .columns__col > .columns,
  .every-step-second-column > .columns__wrapper > .columns__col > .columns {
    width: min(384px, 100%);
    max-width: 100%;
    margin-inline: auto;
  }

}

@media (min-width: 1024px) {

  .every-step-second-column.columns--cols-2 > .columns__wrapper {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: unset !important;
  }

  .every-step-second-column.columns--cols-2 > .columns__wrapper > .columns__col {
    flex: 0 0 384px;
    width: 384px;
    max-width: 100%;
  }

}

.every-step-logo-container.columns--stretch > .columns__wrapper > .columns__col {
  display: block;
  min-width: 0;
}

.every-step-logo-container .hcp-image {
  width: auto;
  max-width: 276px;
}

.every-step-logo-container .hcp-image__img {
  width: 276px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.every-step-logo-container .text-wysiwyg h2 {
  margin-bottom: 0;
}

@media (min-width: 768px) {

  .every-step-logo-container > .columns__wrapper {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .every-step-logo-container > .columns__wrapper > .columns__col:last-child {
    width: auto;
  }

}

@media (max-width: 470px) {

  .evidence-container {
    padding-inline: 0;
  }

  .evidence-container a.btn {
    white-space: normal;
    height: auto;
    min-height: 48px;
  }

}
.study-card-compact .study-card {
  padding: 15px;
}

.chart.chart-padding-x .chart__main {
  padding: 0 var(--gap-size-lg);
}

@media (max-width: 767px) {

  .every-next-step-parent-container .text-wysiwyg .font-xl {
    font-size: 24px;
  }
}

/* Patient Injection Training Video - Desktop */
#patient-education .nxt-card--patient-training-card .nxt-card__header {
  display: flex;
  align-self: center;
}

/* Mobile */
@media (max-width: 425px) {
  #patient-education .nxt-card--patient-training-card .nxt-card__wrapper {
  flex-direction: column; 
  }

  #patient-education .nxt-card--patient-training-card .nxt-card__header {
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    align-self: center;
  }
}

.sitemap-navigation {
  a {
    text-decoration-skip-ink: none;
    text-decoration-thickness: 0.2px;
  }

  li {
    line-height: 1.2;
    margin-bottom: 0;
  }

  .navbar__menu {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: flex-start;
    position: static;
    height: auto;
    visibility: visible;
    transition: none;
    z-index: auto;
    padding: 0;
  }

  .navbar__link {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-charcoal);

  }

  .navbar__dropdown-link {
    text-decoration: underline 0.2px;
    text-align: left;
    padding-block: 0;
    color: var(--color-charcoal);
  }

  .navbar__dropdown-list {
    padding-top: 16px;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
  }

  .navbar__dropdown-icon-wrapper {
    display: none;
  }

  .navbar__menu {
    .navbar__dropdown {
      display: block;
      position: static;
      min-width: unset;
      visibility: visible;
      opacity: 1;
      transform: none;
      background: none;
      box-shadow: none;
      margin-left: 0;
    }
  }

  .navbar__link:not(button) {
    text-decoration: underline 0.2px;
  }

  .navbar__link:is(button) {
    pointer-events: none;
  }


  .navbar__link:hover,
  .navbar__dropdown-link:hover {
    background: none;
    color: var(--color-coral);
  }

  .utility-navbar-mobile {
    display: list-item;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  .utility-navbar {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
  }

  .top-nav__link {
    font-size: 22px;
    line-height: 1.2;
    padding-bottom: 0;
  }

  .footer__link {
    color: var(--color-charcoal);
    font-size: 22px;
    display: block;
    width: fit-content;
    text-decoration: underline 0.2px;
    line-height: 1.2;

    svg {
      display: none;
    }

    &:hover {
      color: var(--color-coral);
    }
  }

  .footer__link:not(:last-child) {
    margin-bottom: 12px;
  }

  .sitemap-link {
    display: none;
  }

}
#tabs-container .tabs > .tabs__panel:nth-child(2) .tabs__panel-inner > .text-wysiwyg:last-child {
  margin-top: calc(-1 * var(--space-lg, 24px));
}

#tabs-container .tabs > .tabs__panel:nth-child(2) .tabs__panel-inner > .text-wysiwyg:last-child h3 {
  margin-bottom: 50px;
}

@media (max-width: 767px) {

  #tabs-container .tabs > .tabs__panel:nth-child(2) .tabs__panel-inner > .text-wysiwyg:last-child h3 {
    margin-bottom: 0;
  }

}

@media (min-width: 1024px) {

  .switch-protocol-evidence-container {
    width: 100%;
    max-width: 1100px;
    padding-left: var(--padding-size-lg, 30px);
    padding-right: var(--padding-size-lg, 30px);
    padding-top: var(--padding-size-lg, 32px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: var(--padding-size-lg, 32px);
  }

  .efficacy-stat-container {
    width: 100%;
    max-width: 1100px;
    padding-left: 52px;
    padding-right: 52px; 
  }

}

@media (max-width: 767px) {

  .ole-chart-container {
    background-color: var(--color-white);
    border-radius: var(--radius-2xl);
    &:before{
      content:none;
    }

    .container--shadowed {
      box-shadow: none;
      padding: 8px;
    }
  }
  .chart.ole-chart .chart__main {
    padding: 0;
  }
  .qol-chart .chart__main {
    padding: 24px;
  }
  .qol-chart .chart__title {
    text-align: center;
  }
  .aect-button button.btn.btn-modal {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px;
  }
}

/* Tablet: mobile chart assets are portrait; do not scale them to full card width. */
@media (min-width: 500px) and (max-width: 767px) {
  .primary-chart .chart__image--mobile {
    max-height: 32rem;
    height: auto;
    object-fit: contain;
  }

  .secondary-chart .chart__dialog-image {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    object-fit: contain;
    align-self: center;
  }
}

.text-wysiwyg.getting-started-dagger sup {
  top: 9px !important;
}

@media (min-width: 768px) {
  .efficacy-stat-container-with-pipe {
    padding-inline: 52px;
  }

  .center-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

}

@media (width >=768px) and (width < 1024px) {
  .switch-protocol-evidence-container {
    padding-inline: 40px;
  }
}

@media (max-width: 1023px) {
  .switch-data-study-notes .text-bullets-coral {
    margin: 10px 0 !important;
  }
}

.superscript-tight .text-footnote-hanging sup:first-of-type{
  left: 2px !important;
  top: 8px !important;
}

.efficacy-reduction-chart .text-footnote-hanging:last-of-type > sup:first-child {
  left: -5px !important;
}
@media (max-width: 767px) {
  .primary-chart .chart__title {
    text-align: center;
  }

  .secondary-chart .chart__title {
    text-align: center;
  }
}


/* AECT results Figma 32831:61742 — opt-in on Columns: aect-stat-columns */
#aect-results.hcp-modal {
  width: min(100%, 1252px);
}

#aect-results.hcp-modal .hcp-modal__title {
  text-align: left;
}

#aect-results.hcp-modal .hcp-modal__scroll {
  gap: 24px;
}

#aect-results .hcp-modal__content {
  gap: 10px;
}

#aect-results .hcp-modal__content > .text-wysiwyg:last-child p {
  margin: 0;
}

#aect-results .hcp-modal__content > .text-wysiwyg:last-child p + p {
  margin-top: 10px;
}

#aect-results .aect-stat-columns > .columns__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  align-items: flex-start;
}

#aect-results .aect-stat-columns > .columns__wrapper > .columns__col {
  display: flex;
  flex: 0 0 425px;
  flex-direction: column;
  align-items: center;
  width: 425px;
  max-width: 425px;
  min-width: 0;
  text-align: center;
}

#aect-results .aect-stat-columns .text-wysiwyg p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  margin: 0;
  color: var(--color-charcoal);
  font-family: var(--font-agenda);
  font-size: 20px;
  font-weight: var(--font-weight-normal);
  line-height: 24px;
  text-align: center;
}

#aect-results .aect-stat-columns .text-wysiwyg p > span:first-child {
  display: block;
  color: var(--color-dark-coral);
  font-family: var(--font-tilt-neon);
  font-size: 28px;
  font-weight: var(--font-weight-normal);
  line-height: 35px;
}

#aect-results .aect-stat-columns .text-wysiwyg p > span,
#aect-results .aect-stat-columns .text-wysiwyg p > strong {
  display: block;
}

#aect-results .aect-stat-columns .text-wysiwyg p strong {
  color: var(--color-dark-coral);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
}

#aect-results .aect-stat-columns .text-wysiwyg p sup {
  font-size: 12.9px;
}

@media (max-width: 767px) {

  #aect-results .aect-stat-columns > .columns__wrapper {
    flex-direction: column;
    align-items: center;
  }

  #aect-results .aect-stat-columns > .columns__wrapper > .columns__col {
    flex: 1 1 auto;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    text-align: left;
  }

  #aect-results .aect-stat-columns .text-wysiwyg p {
    align-items: flex-start;
    text-align: left;
  }

}

#see-the-results-for-q8w .columns__col .text-wysiwyg > p:nth-child(2) {
  font-family: var(--font-tilt-neon, "Tilt Neon", Georgia, serif);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (min-width: 768px) {
  .secondary-endpoint-chart .chart__main {
    padding-inline: 24px;
  }
}

@media (max-width: 767px) {
  .study-card-compact .columns__wrapper {
    display: flex;
    flex-direction: column;
  }

  .study-card-compact .columns__col {
    display: contents;
  }

  .study-card-compact .study-card {
    order: 1;
  }

  .study-card-compact .chart {
    order: 2;
  }

  /* Remove spacer after chart */
  .study-card-compact .chart + .spacer {
    display: none;
  }

  /* Remove old spacer before extension */
  .study-card-compact .extension-spacer {
    display: none;
  }

  /* Add controlled spacing above extension */
  .study-card-compact .extension-reduction {
    order: 3;
  }

  .study-card-compact .button-row {
    order: 4;
  }
  
  .efficacy-container .columns__wrapper {
    gap: 24px;
  }

  .text-wysiwyg.modal-divider-text h3 {
    line-height: 1.2;
  }
}

.sitemap-navigation .footer-navbar-mobile {
  margin-top: 12px;
}

.sitemap-navigation .footer-navbar-mobile .footer__link {
  padding: 0px;
}