/* Pricing page only. Classes prefixed pricing- and scoped under .page-pricing. */
@layer pages {
  /* Hero (c-panel--hero): “every quote is” promise rows */
  .page-pricing .pricing-promise { display: flex; flex-direction: column; gap: 16px; padding: 0; list-style: none; }
  .page-pricing .pricing-promise__item { display: flex; gap: 16px; align-items: flex-start; }
  .page-pricing .pricing-promise__item:not(:last-child) { padding-bottom: 16px; border-bottom: 1px solid var(--border-soft); }
  .page-pricing .pricing-promise .c-card__body { gap: 2px; }

  .page-pricing .pricing-table td { color: var(--muted); }
  .page-pricing .pricing-table tbody th { font-weight: 600; }

  /* Included / extra panels (c-panel) */
  .page-pricing .pricing-box { --panel-gap: 6px; }
  .page-pricing .pricing-box .c-card__title { padding-bottom: 8px; }
  .page-pricing .pricing-box .c-ticks { color: var(--body); }

  /* Sample quote (c-panel--bordered + c-panel__head): line items and total */
  .page-pricing .pricing-quote__caption { color: var(--ink); }
  .page-pricing .pricing-quote__row { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--border-soft); font-size: var(--fs-card); line-height: 1.6; }
  .page-pricing .pricing-quote__row dt { color: var(--body); }
  .page-pricing .pricing-quote__row dd { margin: 0; font-weight: 700; white-space: nowrap; }
  .page-pricing .pricing-quote__row--last { border-bottom: 2px solid var(--ink); }
  .page-pricing .pricing-quote__row--total { align-items: baseline; padding: 16px 0 0; border-bottom: 0; font-family: var(--font-serif); font-size: 23px; }
  .page-pricing .pricing-quote__row--total dt { color: var(--ink); }
  .page-pricing .pricing-quote__row--total dd { font-weight: 400; color: var(--harbor); }

  /* Payment notes on the peach band */
  .page-pricing .pricing-pay-notes .c-qa__q { color: var(--on-peach); }
}