/* Grid cards styling */
.grid.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.grid.cards > * {
    background: var(--md-default-bg-color);
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.grid.cards > *:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.grid.cards .lg {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    display: block;
    color: var(--md-primary-fg-color);
}

.grid.cards .middle {
    vertical-align: middle;
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] .grid.cards > * {
    background: var(--md-default-bg-color);
    border-color: var(--md-default-fg-color--lightest);
}

[data-md-color-scheme="slate"] .grid.cards > *:hover {
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
}