/* Phase 6: Grammar, Letters, Essays */
.up-category-grid { display: flex; flex-wrap: wrap; gap: 16px; max-width: 1200px; margin: 30px auto; padding: 0 20px; justify-content: center; }
.up-category-card { background: var(--color-card); border-radius: 12px; padding: 20px 28px; text-decoration: none; color: var(--color-primary); box-shadow: 0 3px 10px rgba(0,0,0,0.05); transition: transform .2s; text-align: center; min-width: 140px; }
.up-category-card:hover { transform: translateY(-4px); background: var(--color-primary); color: #fff; }
.up-category-card h3 { margin: 0 0 4px; font-size: 18px; }
.up-category-card span { font-size: 13px; opacity: 0.8; }
@media (max-width: 768px) { .up-category-grid { flex-direction: column; align-items: stretch; } }