/* LifeUKTest – custom overrides (v3.7.3, scoped & non‑invasive)
   This file only defines classes the templates use.
   It intentionally avoids global tags like `section`, `body`, etc. */

/* ---- Tokens ---- */
:root{
  --ok:#0b7f3b; --ok-bg:#e9f6ef; --ok-border:#b9e6cb;
  --no:#b91c1c; --no-bg:#fdecec; --no-border:#f5c2c2;
  --topic-ev:#2563eb; --topic-ev-bg:#e7f0ff;
  --topic-hist:#7c3aed; --topic-hist-bg:#efe7ff;
  --topic-pol:#ea580c; --topic-pol-bg:#fff1e8;
  --topic-val:#059669; --topic-val-bg:#e6fbf2;
}

/* ---- Utilities ---- */
.page-section{margin-top:24px}
.luk-stack > * + *{margin-top:16px}
.luk-quiet{color:#6b7280}

/* Disabled nav link */
.luk-nav__link.is-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}

/* Inline notice for form errors (replaces alerts) */
.notice{border:1px solid #f1c0c0;background:#fff5f5;padding:12px 14px;border-radius:10px}
.notice--ok{border-color:var(--ok-border);background:var(--ok-bg)}

/* ---- Practice/Mobile spacing ---- */
@media (max-width:720px){
  .govuk-radios__item{margin-bottom:14px}
  .viewport{padding:16px}
}

/* ---- Review answers styling ---- */
.review-block{border:1px solid #eee;border-radius:12px;padding:14px;margin-bottom:12px;background:#fff}
.review-block.is-correct{border-color:var(--ok-border);background:var(--ok-bg)}
.review-block.is-wrong{border-color:var(--no-border);background:var(--no-bg)}
.review-meta{font-size:.9rem;color:#6b7280;margin-bottom:6px}
.review-q{font-weight:700;margin-bottom:8px}
.badge-mini{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb;margin-left:6px}
.badge-correct{background:var(--ok-bg);color:#065f46;border-color:var(--ok-border)}
.badge-wrong{background:var(--no-bg);color:#7f1d1d;border-color:var(--no-border)}
.ans-grid{display:grid;gap:12px;margin-top:10px}
@media(min-width:700px){.ans-grid{grid-template-columns:1fr 1fr}}
.ans{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#fff}
.ans-label{font-size:.85rem;color:#6b7280;margin-bottom:6px}
.ans-text{font-weight:700}
.ans--correct{background:var(--ok-bg);border-color:var(--ok-border)}
.ans--your.ok{background:var(--ok-bg);border-color:var(--ok-border)}
.ans--your.wrong{background:var(--no-bg);border-color:var(--no-border)}
.review-explain{margin-top:8px;color:#374151}

/* ---- Learn page topic accents ---- */
.topic-card{border-left:6px solid transparent}
.topic-everyday-life{border-left-color:var(--topic-ev);background:var(--topic-ev-bg)}
.topic-history{border-left-color:var(--topic-hist);background:var(--topic-hist-bg)}
.topic-politics-law{border-left-color:var(--topic-pol);background:var(--topic-pol-bg)}
.topic-values-society{border-left-color:var(--topic-val);background:var(--topic-val-bg)}
.topic-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;border:1px solid rgba(0,0,0,.08);margin-left:6px}
.topic-pill.ev{background:var(--topic-ev-bg)}
.topic-pill.hi{background:var(--topic-hist-bg)}
.topic-pill.po{background:var(--topic-pol-bg)}
.topic-pill.va{background:var(--topic-val-bg)}