/* Home page: stat cards and the monthly cadence panel. */
.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

.card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.25rem;
    text-align: center;
}
.card h2 { margin: 0; font-size: 2rem; color: var(--accent); }
.card p { margin: .25rem 0 0; color: var(--muted); }

a.card { text-decoration: none; color: inherit; display: block; transition: border-color .15s; }
a.card:hover { border-color: var(--accent); }

.cadence {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}
.cadence ul { margin: .5rem 0 0; padding-left: 1.2rem; }