/* ══════════════════════════════════════════════════════════════════════════
   Wellness Plan Page
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Pricing Section ─────────────────────────────────────────────────────── */
.wellness-pricing__intro {
    font-size: 0.9375rem;
    line-height: 1.75;
}

.wellness-pricing__tables {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax( 280px, 1fr ) );
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.wellness-pricing__disclaimer {
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    line-height: 1.7;
    color: var(--color-mid, #888);
    text-align: center;
    max-width: 72ch;
    margin: 0 auto;
    font-style: italic;
}

/* ── Benefits Section — gold top border ──────────────────────────────────── */
.wellness-benefits {
    border-top: 4px solid var(--gold, #a8892a);
}

.benefits-section__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    .benefits-section__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media ( max-width: 768px ) {
    .wellness-pricing__tables {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .benefits-section__cards {
        grid-template-columns: 1fr;
    }
}