/* ==========================================================================
   GRAMMAR — Minimal overrides (shared system via vocabulary.css)
   ========================================================================== */

/* Grammar hero has slightly different gradient */
.vocab-hero-section {
    background: linear-gradient(180deg, #ecfdf5 0%, #f0f2f5 100%);
}

/* Card grid for grammar feed */
.grammar-feed-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    padding-top: 8px;
}
.grammar-feed-grid > * {
    /* Grid items are already styled via vocab-card */
}

/* Topic label inside grammar feed card */
.grammar-feed-topic {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--v-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

/* JLPT badges reuse .jlpt-badge classes from vocabulary.css */