/* MyMilesAI pricing page layout · v3. Tokens, plans and FAQ come from site.css. */
.pricing-hero { padding-top: 56px; }
@media (min-width: 1024px) { .pricing-hero { padding-top: 80px; } }
.pricing-hero .section-head { margin-bottom: 48px; }
.site .plan-name { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -.012em; }

.table-wrap { overflow-x: auto; background: var(--mm-surface); border: 1px solid var(--mm-hairline); border-radius: var(--mm-r-card); }
.plan-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 16px; }
.plan-table th, .plan-table td { padding: 16px 24px; border-bottom: 1px solid var(--mm-hairline); text-align: left; vertical-align: top; }
.plan-table tbody tr:last-child th, .plan-table tbody tr:last-child td { border-bottom: 0; }
.plan-table thead th { color: var(--mm-ink); font-size: 15px; font-weight: 600; background: var(--mm-surface-2); }
.plan-table tbody th { color: var(--mm-ink); font-weight: 500; }
.plan-table td { color: var(--mm-ink-2); width: 26%; }
.plan-table .yes { color: var(--mm-success); font-weight: 600; }
.plan-table .dash { color: var(--mm-ink-4); }
.final .lede { color: var(--mm-night-ink-2); }