/* ==========================================================================
   Über uns page styles.
   Loaded alongside index.css, merkliste.css, cookie-einstellungen.css,
   agb.css, and kontakt.css (see the page's Styles section) - reuses the
   eyebrow label, tinted header band, and legal-content typography already
   defined there. This file only adds what's unique to this page: the
   3-column stat card grid.
   ========================================================================== */

.mr-stats-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 40px;
}

@media (min-width: 640px) {
    .mr-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.mr-stat-card {
    border: 1px solid var(--mr-border);
    border-radius: var(--mr-radius);
    background: var(--mr-card);
    padding: 24px;
}

.mr-stat-value {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: var(--mr-foreground);
}

.mr-stat-label {
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--mr-muted-foreground);
}