/* Citizenship test practice. Brand colors; the progress bar is gold, not a status color. */
#cv-app [hidden],#cv-app[hidden]{display:none!important}
.cv-progress-wrap{margin:8px 0 16px}
.cv-progress-text{font-weight:700;margin:0 0 6px}
.cv-bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.cv-bar span{display:block;height:100%;width:0;background:var(--amber);transition:width .2s}
.cv-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.cv-mode[aria-pressed=true]{background:var(--navy);color:var(--on-navy)}
.cv-options{display:grid;gap:10px;margin:0 0 20px;padding:14px 16px;background:var(--paper);border-radius:8px}
.cv-options label{font-weight:500}
.cv-options select,.cv-options input[type=search]{font:inherit;padding:8px;border:1px solid var(--input-line);border-radius:6px;max-width:100%}
.cv-card{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin:0 0 16px}
.cv-meta{font-size:.9rem;color:var(--muted);margin:0 0 6px}
.cv-q{font-family:var(--display);font-size:1.3rem;font-weight:700;margin:0 0 8px}
.cv-item .cv-q{font-size:1.1rem}
.cv-answers{margin:8px 0}
.cv-score{font-weight:700;margin:0 0 10px}
.cv-star{color:var(--teal);font-weight:700;white-space:nowrap}
.cv-known{font-size:.8rem;font-family:var(--sans);font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px}
.cv-n{color:var(--muted)}
.cv-sub{margin:24px 0 8px;font-size:1.15rem}
.cv-item{padding:10px 0;border-top:1px solid var(--line)}
.btn.link{border-color:transparent;background:none;text-decoration:underline;color:var(--ink);padding:4px 0}
@media print{
  .skip,.site-notice,.nav,.back,.lead,.callout,.cv-progress-wrap,.cv-modes,.cv-options,#cv-app>p.small,main>h2,main>ul,main>p,.sources,.cv-say,footer .footer-links{display:none!important}
  .cv-item{break-inside:avoid}
}
.cv-opts{display:grid;gap:8px;margin:12px 0}
.cv-opt{display:flex;gap:12px;align-items:flex-start;text-align:start;font:inherit;padding:12px 14px;border:2px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
.cv-opt:hover:not(:disabled){border-color:var(--navy)}
.cv-opt:disabled{cursor:default}
.cv-letter{flex:none;font-weight:700;width:1.4em}
.cv-opt-right{border-color:#17744a;background:var(--ok-bg)}
.cv-opt-wrong{border-color:#b3261e;background:var(--bad-bg)}
.cv-verdict{font-weight:700;margin:12px 0 4px}