/* ExamJack Design System */

/* Active filter state */
.filter-active {
    background: #0369A1;
    color: white;
    font-weight: 500;
    border-radius: 0.375rem;
}

/* Card hover */
.card-hover {
    transition: box-shadow 200ms ease, border-color 200ms ease;
}
.card-hover:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #BFDBFE;
}

/* Touch target enforcement */
.touch-target {
    min-height: 44px;
    min-width: 44px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .card-hover, .card-hover:hover { transition: none; }
}

/* Prose content (markdown rendered) */
.prose-content h2 { font-size: 1.25rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.prose-content h3 { font-size: 1.1rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0.5rem; }
.prose-content p { margin-bottom: 0.75rem; line-height: 1.7; }
.prose-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 0.75rem; }
.prose-content ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 0.75rem; }
.prose-content li { margin-bottom: 0.25rem; }
.prose-content table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; font-size: 0.875rem; }
.prose-content th, .prose-content td { border: 1px solid #e5e7eb; padding: 0.5rem 0.75rem; text-align: left; }
.prose-content th { background: #f9fafb; font-weight: 600; }
.prose-content a { color: #0369A1; text-decoration: underline; }