/* Chapter / previous-year tags shown with a question (partials/q-tags.blade.php). */
.qtags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;align-items:center}
.qt{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;padding:4px 10px;border-radius:999px;border:1px solid #E2E8F0;background:#F8FAFC;color:#334155;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.qt .ti{font-size:14px}
.qt-sep{opacity:.55}
.qt-ch{background:#EEF2FF;border-color:#C7D2FE;color:#3730A3}
.qt-freq{background:#F0FDF4;border-color:#BBF7D0;color:#166534;font-weight:500}
.qt-hot{background:#FFF1F2;border-color:#FECDD3;color:#BE123C}
.qt-mute{background:#F1F5F9;color:#64748B}
/* The previous-year badge glows gently a few times when the question appears, then stays still. */
.qt-pyq{background:linear-gradient(135deg,#FFF8E1 0%,#FDE68A 100%);border-color:#E6B325;color:#7C4A03;font-weight:700;animation:qtGlow 1.3s ease-in-out 0s 3}
@keyframes qtGlow{0%,100%{box-shadow:0 0 0 0 rgba(234,179,8,0)}50%{box-shadow:0 0 0 4px rgba(234,179,8,.28),0 0 16px 2px rgba(234,179,8,.55)}}
@media (prefers-reduced-motion:reduce){.qt-pyq{animation:none}}
[data-theme="dark"] .qt{background:#1E293B;border-color:#334155;color:#CBD5E1}
[data-theme="dark"] .qt-ch{background:#1E1B4B;border-color:#3730A3;color:#C7D2FE}
[data-theme="dark"] .qt-freq{background:#052E16;border-color:#166534;color:#BBF7D0}
[data-theme="dark"] .qt-hot{background:#4C0519;border-color:#9F1239;color:#FECDD3}
[data-theme="dark"] .qt-pyq{background:linear-gradient(135deg,#3B2A05 0%,#5C4208 100%);border-color:#CA8A04;color:#FDE68A}
/* "Only previous-year questions" switch */
.qt-filter{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#F1F5F9;border:1px solid #E2E8F0;margin:0 0 14px;flex-wrap:wrap}
.qt-filter a{font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;padding:8px 14px;border-radius:999px;color:#475569;text-decoration:none}
.qt-filter a.on{background:#fff;color:#0F172A;box-shadow:0 1px 4px rgba(15,23,42,.12)}
.qt-filter a.on.pyq{background:linear-gradient(135deg,#FFF8E1,#FDE68A);color:#7C4A03}
[data-theme="dark"] .qt-filter{background:#0F172A;border-color:#334155}
[data-theme="dark"] .qt-filter a{color:#CBD5E1}
[data-theme="dark"] .qt-filter a.on{background:#1E293B;color:#F8FAFC}
