/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Vocab quiz think-first flow (think_first_controller.js): the choices are
 * rendered `hidden` until "Show choices". The Tailwind Play CDN injects its
 * stylesheet AFTER this one, so a utility such as `.flex` (0,1,0) beats the
 * UA `[hidden]` rule and used to show the choices anyway (2026-10-16). The
 * !important rule keeps anything the controller drives hidden regardless of
 * stylesheet order or utility classes. With scripting off there is no reveal
 * button, so the choices are shown at once (the more specific rule below wins
 * on equal !important). */
[data-think-first-target][hidden] {
  display: none !important;
}

@media (scripting: none) {
  [data-think-first-target~="choices"][hidden] {
    display: block !important;
  }
}