.exchange-page .text-link { white-space: normal; }
.exchange-page .nav-inner { gap: 20px; }
.exchange-nav { display: flex; align-items: center; gap: 26px; font-size: 14px; }
.exchange-nav a:hover { color: var(--blue); }
.exchange-heading { max-width: 920px; margin: auto; padding: 48px 32px 36px; }
.exchange-breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--muted); margin-bottom: 40px; }
.exchange-heading h1 { font-size: 44px; line-height: 1.22; }
.exchange-lead { font-size: 20px; line-height: 1.7; margin-top: 24px; }
.exchange-byline { color: var(--muted); font-size: 13px; margin-top: 22px; }
.exchange-cover { max-width: 1100px; margin: 0 auto; padding-inline: 32px; }
.exchange-photo img { width: 100%; height: auto; }
.exchange-photo figcaption { color: var(--muted); font-size: 13px; line-height: 1.6; padding-top: 10px; }
.exchange-body { max-width: 800px; padding: 36px 32px 72px; margin: auto; font-size: 17px; line-height: 1.9; }
.exchange-body > p + p, .exchange-body section > p + p { margin-top: 20px; }
.exchange-body section { margin-top: 56px; scroll-margin-top: 92px; }
.exchange-body h2 { font-size: 28px; line-height: 1.4; margin-bottom: 22px; }
.exchange-body .exchange-photo { margin-top: 28px; }
.exchange-photo-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.exchange-contents { border-block: 1px solid var(--line); padding: 24px 0; margin-top: 36px; font-size: 15px; }
.exchange-contents .eyebrow { margin-bottom: 10px; }
.exchange-contents ol { padding-left: 22px; margin: 0; }
.exchange-contents li + li { margin-top: 8px; }
.exchange-contents a, .exchange-related a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.exchange-points { margin: 26px 0; }
.exchange-points > div { border-top: 1px solid var(--line); padding: 18px 0; }
.exchange-points dt { font-weight: 650; }
.exchange-points dd { margin: 6px 0 0; }
.exchange-faq details { border-bottom: 1px solid var(--line); padding: 18px 0; }
.exchange-faq summary { font-weight: 600; line-height: 1.6; }
.exchange-faq p { padding-top: 14px; }
.exchange-next { border-top: 2px solid var(--blue); padding-top: 32px; margin-top: 56px; }
.exchange-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; margin-top: 26px; }
.exchange-related { padding-left: 20px; margin-top: 28px; font-size: 15px; }
.exchange-related li + li { margin-top: 9px; }
.exchange-page .enquiry-section { border-top: 1px solid var(--line); }
.exchange-page .enquiry-intro h2 { font-size: 36px; }
@media (max-width: 820px) {
  .exchange-page .site-header { height: auto; }
  .exchange-page .nav-inner { display: grid; grid-template-columns: 1fr auto; padding: 12px 24px; gap: 12px; }
  .exchange-nav { grid-row: 2; grid-column: 1 / -1; justify-content: space-between; gap: 12px; font-size: 13px; }
  .exchange-page .nav-inner > .button { grid-column: 2; grid-row: 1; }
  .exchange-heading { padding-top: 32px; }
  .exchange-heading h1 { font-size: 34px; }
  .exchange-breadcrumbs { margin-bottom: 28px; }
}
@media (max-width: 520px) {
  .exchange-page .nav-inner { padding-inline: 20px; }
  .exchange-nav { flex-wrap: wrap; }
  .exchange-heading, .exchange-body { padding-inline: 20px; }
  .exchange-cover { padding-inline: 0; }
  .exchange-cover figcaption { padding-inline: 20px; }
  .exchange-heading h1 { font-size: 30px; }
  .exchange-lead { font-size: 18px; }
  .exchange-body h2 { font-size: 24px; }
  .exchange-body section { scroll-margin-top: 132px; }
  .exchange-photo-pair { gap: 12px; }
  .exchange-photo figcaption { font-size: 12px; }
  .exchange-page .enquiry-intro h2 { font-size: 28px; }
}