/* Final visual QC: readable supporting copy and controls, preserving V2.5 art direction. */
.program-section .section-heading > p,
.experience-description,
.editorial-copy > p,
.conversation-copy > p:not(.eyebrow) {
  font-size: 14px;
}

.program-section .section-accessible-title,
.program-bottom > p,
.program-bottom .text-link,
.card-cta,
.experience-points > li,
.experience-action,
.editorial-filters > button,
.editorial-read,
.interest-picker > p,
.interest-options > button,
.conversation-start,
.footer-details > div > a {
  font-size: 13px;
}

.experience-action {
  line-height: 1.5;
}

.experience-action > span,
.conversation-arrow {
  flex-shrink: 0;
}

.editorial-filters {
  flex-wrap: wrap;
}

.editorial-filters > button {
  min-height: 44px;
}

.footer-details > div > a {
  line-height: 1.5;
}

/* The document already offsets anchors for its sticky header. */
.guide-page article {
  scroll-margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  #journey-panel-2 .experience-photo > img {
    object-position: 80% 45%;
  }
}

@media (max-width: 767px) {
  .experience-intro > p,
  .editorial-heading > p {
    font-size: 14px;
  }

  .interest-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 350px;
  }

  .interest-options > button {
    min-height: 44px;
  }
}