/* ============================================
   UTILITIES
============================================ */

.hidden { display: none !important; }
.active { font-weight: 700; }

.text-center { text-align: center; }
.text-muted  { color: var(--muted); }

.flex { display: flex; }
.grid { display: grid; }

/* Correctness styling for .correct/.wrong lives with each component now
   (.lsn-option, .gd-option, .lsn-input, .drill-row input) — see spec
   section 18: colour and a filled box must not be the primary language. A
   blanket !important rule used to live here and silently win over all of
   them. */