.page-cost .page-hero h1 { max-width: 17ch; }
.page-cost .quote-map { background: #fbe3e9; padding: 28px; border-radius: 28px; margin: 30px 0; }
.page-cost .quote-map figcaption { font: 700 24px/1.3 var(--heading); margin-bottom: 24px; }
.page-cost .quote-map dl { margin: 0; }
.page-cost .quote-map dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 20px; padding: 18px 0; border-top: 2px solid #ecc1ce; }
.page-cost .quote-map dt { font: italic 24px/1.4 var(--gloss); color: #77354a; }
.page-cost .quote-map dd { margin: 0; font-size: 18px; }
.page-cost .chapter-copy > .action-link { background: var(--red); color: white; text-decoration: none; border-radius: 28px; padding: 14px 24px; }
@media (max-width: 620px) {
  .page-cost .quote-map { padding: 24px; }
  .page-cost .quote-map dl > div { display: block; }
  .page-cost .quote-map dt { margin-bottom: 7px; }
}
