.meet-page section, .meet-page details { scroll-margin-top: 7rem; }
/* Keep the in-page links in normal flow, independent of the mobile header menu. */
.meet-jump-links { position: static; inset: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 1.5rem; padding: 0; background: transparent; border: 0; }
.meet-jump-links .button { justify-content: center; }
.meet-jump-links > a { white-space: normal; }
.meet-jump-links > a:not(.button), .meet-contact a { color: var(--forest); text-underline-offset: .25em; }
.meet-payment { background: var(--cream); padding: 2rem max(1.4rem, calc((100vw - 1248px) / 2)); border-top: 1px solid var(--line); }
.meet-payment summary { cursor: pointer; color: var(--forest); font: 400 1.75rem/1.4 var(--serif); padding: .75rem 0; }
.meet-payment summary:focus-visible { outline: 2px solid #954832; outline-offset: 5px; }
.meet-payment .advisor-prose { padding: 1rem 0; max-width: 52rem; }
.meet-contact-links { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; font-size: 1.125rem; overflow-wrap: anywhere; }
.meet-contact { background: var(--cream); }

.plan-page .advisor-hero { grid-template-columns: minmax(0, 1fr); }
.plan-page .advisor-hero-copy { max-width: 52rem; }
.plan-page .advisor-hero-copy > p { max-width: 44rem; }

.meet-about-hero { grid-template-areas: "heading portrait" "bio portrait"; grid-template-rows: auto 1fr; row-gap: 0; align-items: start; }
.meet-about-heading { grid-area: heading; min-width: 0; }
.meet-about-hero > .advisor-hero-copy { grid-area: bio; min-width: 0; }
.meet-about-hero > .advisor-portrait { grid-area: portrait; align-self: start; }
@media (max-width: 800px) {
  .meet-about-hero { grid-template-areas: "heading" "portrait" "bio"; grid-template-rows: auto auto auto; row-gap: 1.75rem; }
  .meet-about-heading h1 { margin-bottom: 0; }
  .meet-about-hero > .advisor-portrait { max-width: 36rem; justify-self: start; }
}

.meet-contact-links a { display: flex; align-items: center; gap: .75rem; width: fit-content; max-width: 100%; min-height: 44px; text-decoration: none; }
.meet-contact-links a span { min-width: 0; text-decoration: underline; text-underline-offset: .25em; }
.meet-contact-links svg { width: 24px; height: 24px; flex: 0 0 24px; }