/* Purchase measurement page layout. Shared hero/activation/process-flow/grid patterns live in styles.css. */
.table-scroll { overflow-x: auto; margin-top: 24px; }
.metrics-table { width: 100%; min-width: 480px; border-collapse: collapse; font-size: 17px; }
.metrics-table th, .metrics-table td { padding: 14px 18px; border-bottom: 1px solid var(--line); text-align: left; }
.metrics-table th { font: 600 14px Manrope, sans-serif; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; }
.metrics-table th:first-child, .metrics-table td:first-child { color: var(--muted); }
.metrics-table td:last-child { font-weight: 700; color: var(--blue); }
.table-footnote { margin-top: 16px; font-size: 14px; font-style: italic; color: var(--muted); }

@media (max-width: 540px) {
  .metrics-table { font-size: 15px; }
  .metrics-table th, .metrics-table td { padding: 12px 14px; }
}