/* Styling for NDH Practice Mode. */
.lwa-practice-mode-wrapper { max-width: 1000px; margin: 20px auto; font-family: inherit; }
.lwa-pm-setup, .lwa-pm-results { background:#fff; border-radius:12px; padding:1.25rem 1.5rem; box-shadow:0 10px 30px rgba(0,0,0,0.06); border:1px solid rgba(0,0,0,0.04); box-sizing:border-box; }
.lwa-pm-quiz { margin-bottom:1.25rem; }
.lwa-pm-title, .lwa-pm-results-title { margin-top:0; margin-bottom:.75rem; font-size:1.2rem; font-weight:700; }
.lwa-pm-description { margin-top:0; margin-bottom:1rem; color:#555; }
.lwa-pm-field-row { margin-bottom:1rem; }
.lwa-pm-field-row-cats { margin-top:.75rem; }
.lwa-pm-field-label { font-size:.9rem; font-weight:600; margin-bottom:.25rem; }
.lwa-pm-select-count { padding:.45rem .75rem; border-radius:999px; border:1px solid #ddd; font-size:.95rem; min-width:180px; }
.lwa-pm-category-list { display:flex; flex-wrap:wrap; gap:.35rem .75rem; margin:.35rem 0 .25rem; }
.lwa-pm-category-item { display:inline-flex; align-items:center; gap:.25rem; font-size:.9rem; padding:.1rem .6rem .1rem .35rem; border-radius:999px; background:rgba(0,0,0,.03); }
.lwa-pm-category-checkbox { accent-color: var(--lwa-green, #0f9d58); }
.lwa-pm-category-name { font-weight:500; }
.lwa-pm-category-count { font-size:.8rem; color:#666; }
.lwa-pm-small-note { font-size:.85rem; color:#777; margin-top:.5rem; margin-bottom:1.25rem; }
.lwa-pm-btn { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid transparent; padding:.5rem 1.2rem; font-size:.95rem; cursor:pointer; transition:background .18s ease, transform .12s ease, box-shadow .18s ease, color .18s ease, border-color .18s ease; text-decoration:none; white-space:nowrap; }
.lwa-pm-btn-primary { background:var(--lwa-green, #0f9d58); color:#fff; box-shadow:0 8px 20px rgba(15,157,88,.25); }
.lwa-pm-btn-primary:hover { background:var(--lwa-green-dark, #0c7a44); transform:translateY(-1px); box-shadow:0 10px 24px rgba(15,157,88,.3); }
.lwa-pm-btn-secondary { background:#fff; color:#333; border-color:#ddd; }
.lwa-pm-btn-secondary:hover { background:#f5f5f5; }
.lwa-pm-btn:disabled, .lwa-pm-btn[disabled] { opacity:.5; cursor:default; box-shadow:none; transform:none; }
.lwa-pm-loading, .lwa-pm-error { padding:1rem; text-align:center; font-size:.95rem; }
.lwa-pm-error { color:#b00020; }
.lwa-pm-card-header { margin-bottom:14px; }
.lwa-pm-progress { font-weight:700; font-size:1rem; color:#0F2A44; margin-bottom:8px; line-height:1.2; }
.lwa-pm-progress-bar { width:100%; height:10px; background:#e7edf3; border-radius:999px; overflow:hidden; margin-top:0; }
.lwa-pm-progress-bar-fill { height:100%; background:linear-gradient(90deg,#5BD46D,#86e694); border-radius:999px; }
.lwa-pm-feedback { font-size:1rem; margin:.85rem 0 .35rem; text-align:center; font-weight:600; }
.lwa-pm-feedback.feedback-correct { color:var(--lwa-green, #0f9d58); }
.lwa-pm-feedback.feedback-incorrect { color:var(--lwa-red, #d32f2f); }
.lwa-pm-nav { margin-top:.75rem; }
.lwa-pm-score-line { font-weight:600; margin-top:.5rem; margin-bottom:.75rem; }
.lwa-pm-results-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.lwa-practice-switch { display:none; }
.lwa-quiz-link-pill { display:inline-flex; align-items:center; gap:.25rem; padding:.35rem .8rem; border-radius:999px; font-size:.85rem; font-weight:600; text-decoration:none; border:1px solid var(--lwa-amber, #ffb300); color:var(--lwa-amber, #ffb300); background:rgba(255,179,0,.06); }
.lwa-quiz-link-pill:hover { background:rgba(255,179,0,.12); }
.lwa-quiz-answer.is-locked, .lwa-quiz-answer.is-locked .lwa-quiz-answer-label { cursor:default; }
.lwa-pm-upgrade-box { margin-top:24px; padding:20px; border-radius:18px; background:#eef7f0; border:1px solid rgba(91,212,109,.35); text-align:center; }
.lwa-pm-upgrade-title { margin:0 0 8px; font-size:1.2rem; font-weight:700; color:#0F2A44; }
.lwa-pm-upgrade-text { margin:0 0 16px; color:#64748b; }
.lwa-quiz-question-topline { display:flex; justify-content:flex-end; align-items:center; margin-bottom:10px; }
.lwa-quiz-question-category { font-size:.9rem; color:#64748b; }
.lwa-practice-mode-wrapper .lwa-pm-quiz .lwa-quiz-question-image,
.lwa-practice-mode-wrapper .lwa-pm-quiz .lwa-quiz-question-image * { text-align:center; }
.lwa-practice-mode-wrapper .lwa-pm-quiz .lwa-quiz-question-image img { display:block !important; max-width:220px !important; width:auto !important; max-height:220px !important; height:auto !important; margin:0 auto !important; }
@media (max-width: 600px) {
  .lwa-pm-setup, .lwa-pm-results { padding:1.1rem 1rem; }
  .lwa-pm-results-actions { flex-direction:column; }
  .lwa-pm-btn { width:100%; }
}
@media (max-width: 640px) {
  .lwa-practice-mode-wrapper .lwa-pm-quiz .lwa-quiz-question-image img { max-width:160px !important; max-height:160px !important; }
}


.lwa-pm-focus-notice{margin:10px 0 0;padding:12px 14px;border-radius:14px;background:rgba(91,212,109,.14);color:#0f2a44;font-weight:700}

.lwa-pm-upsell-wrap{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
@media(min-width:768px){.lwa-pm-upsell-wrap{grid-template-columns:1fr 1fr}}
.lwa-pm-upgrade-box{background:#fff;border:1px solid rgba(15,42,68,.08);border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,42,68,.06)}
.lwa-pm-upgrade-title{margin:0 0 10px}
.lwa-pm-upgrade-text{margin:0 0 14px}


.lwa-pm-focus-panel{margin:0 0 1rem;padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(91,212,109,.16),rgba(91,212,109,.08));border:1px solid rgba(91,212,109,.32)}
.lwa-pm-focus-kicker{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#0F2A44;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:10px}
.lwa-pm-focus-topics{margin:0 0 8px;color:#0F2A44;font-weight:600}
.lwa-pm-small-note--focus{margin-bottom:14px}


/* Premium upsell polish */
.lwa-practice-login-gate--premium{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);
  gap:22px;
  align-items:center;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%);
  border:1px solid rgba(15,42,68,.08);
  border-radius:24px;
  padding:24px;
  box-shadow:0 14px 34px rgba(15,42,68,.08);
}
.lwa-practice-login-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:#0F2A44;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.lwa-practice-login-gate--premium h2{margin:0 0 10px;color:#0F2A44;font-size:28px;line-height:1.12}
.lwa-practice-login-gate--premium p{margin:0 0 16px;color:#5b6b7d;line-height:1.6}
.lwa-practice-login-list{list-style:none;padding:0;margin:0 0 18px}
.lwa-practice-login-list li{position:relative;padding-left:24px;margin:0 0 10px;color:#0F2A44;font-weight:600}
.lwa-practice-login-list li:before{content:"✓";position:absolute;left:0;top:0;color:#5BD46D;font-weight:800}
.lwa-practice-login-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.lwa-practice-login-media img{
  display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(15,42,68,.08);
  box-shadow:0 16px 30px rgba(15,42,68,.12);background:#fff
}

.lwa-pm-upgrade-media{margin-bottom:14px}
.lwa-pm-upgrade-media img{
  display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(15,42,68,.08);
  box-shadow:0 16px 30px rgba(15,42,68,.12);background:#fff
}
.lwa-pm-upgrade-list{list-style:none;padding:0;margin:0 0 16px}
.lwa-pm-upgrade-list li{position:relative;padding-left:24px;margin:0 0 10px;color:#0F2A44;font-weight:600}
.lwa-pm-upgrade-list li:before{content:"✓";position:absolute;left:0;top:0;color:#5BD46D;font-weight:800}

@media(max-width:767px){
  .lwa-practice-login-gate--premium{grid-template-columns:1fr;padding:20px}
  .lwa-practice-login-gate--premium h2{font-size:24px}
}


/* Colour refresh: setup, quiz cards, answer states, results */
.lwa-practice-mode-wrapper{
  --lwa-pm-navy:#0F2A44;
  --lwa-pm-green:#5BD46D;
  --lwa-pm-amber:#F6B94B;
  --lwa-pm-sky:#4FC3F7;
  --lwa-pm-surface:#f7fbff;
}
.lwa-practice-mode-wrapper .lwa-pm-setup,
.lwa-practice-mode-wrapper .lwa-pm-results{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,42,68,.08);
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(79,195,247,.12), transparent 30%),
    radial-gradient(circle at top left, rgba(246,185,75,.10), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  box-shadow:0 18px 42px rgba(15,42,68,.08);
}
.lwa-practice-mode-wrapper .lwa-pm-setup::before,
.lwa-practice-mode-wrapper .lwa-pm-results::before{
  content:"";
  display:block;
  position:absolute;
  top:0;left:0;right:0;
  height:6px;
  background:linear-gradient(90deg, var(--lwa-pm-green) 0%, var(--lwa-pm-amber) 50%, var(--lwa-pm-sky) 100%);
}
.lwa-pm-title,
.lwa-pm-results-title,
.lwa-pm-upgrade-title{color:var(--lwa-pm-navy)}
.lwa-pm-description{color:#58697b;max-width:58ch}
.lwa-pm-field-label{color:var(--lwa-pm-navy);font-weight:700}
.lwa-pm-select-count{
  border:1px solid rgba(15,42,68,.12);
  background:linear-gradient(180deg,#fff,#f8fbfe);
  color:var(--lwa-pm-navy);
  box-shadow:0 8px 18px rgba(15,42,68,.05);
}
.lwa-pm-select-count:focus{outline:none;border-color:rgba(91,212,109,.65);box-shadow:0 0 0 4px rgba(91,212,109,.16)}
.lwa-pm-category-list{gap:.55rem .65rem}
.lwa-pm-category-item{
  padding:.35rem .75rem .35rem .5rem;
  border:1px solid rgba(15,42,68,.08);
  box-shadow:0 8px 18px rgba(15,42,68,.04);
}
.lwa-pm-category-item:nth-child(4n+1){background:rgba(91,212,109,.12)}
.lwa-pm-category-item:nth-child(4n+2){background:rgba(246,185,75,.14)}
.lwa-pm-category-item:nth-child(4n+3){background:rgba(79,195,247,.14)}
.lwa-pm-category-item:nth-child(4n+4){background:rgba(15,42,68,.06)}
.lwa-pm-category-name{color:var(--lwa-pm-navy);font-weight:700}
.lwa-pm-category-count{color:#5f6f80}
.lwa-pm-small-note{color:#66798d}
.lwa-pm-btn-secondary{
  border-color:rgba(15,42,68,.12);
  color:var(--lwa-pm-navy);
  background:linear-gradient(180deg,#fff,#f6f9fc);
  box-shadow:0 8px 18px rgba(15,42,68,.05);
}
.lwa-pm-btn-secondary:hover{background:#fff;border-color:rgba(91,212,109,.42);box-shadow:0 10px 22px rgba(15,42,68,.08)}
.lwa-pm-focus-notice{
  background:linear-gradient(90deg, rgba(91,212,109,.18) 0%, rgba(79,195,247,.14) 100%);
  border:1px solid rgba(91,212,109,.24);
  border-radius:16px;
}
.lwa-pm-focus-panel{
  background:
    radial-gradient(circle at top right, rgba(79,195,247,.14), transparent 34%),
    linear-gradient(180deg, rgba(91,212,109,.17), rgba(255,255,255,.96));
  box-shadow:0 16px 34px rgba(15,42,68,.08);
}
.lwa-pm-progress{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .8rem;
  border-radius:999px;
  background:rgba(15,42,68,.06);
}
.lwa-pm-progress-bar{height:12px;background:rgba(15,42,68,.08)}
.lwa-pm-progress-bar-fill{background:linear-gradient(90deg,var(--lwa-pm-green) 0%, var(--lwa-pm-amber) 52%, var(--lwa-pm-sky) 100%)}
.lwa-practice-mode-wrapper .lwa-quiz-question{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(79,195,247,.10), transparent 30%),
    linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
  border:1px solid rgba(15,42,68,.08);
  border-radius:24px;
  box-shadow:0 18px 40px rgba(15,42,68,.08);
}
.lwa-practice-mode-wrapper .lwa-quiz-question::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg, var(--lwa-pm-green), var(--lwa-pm-amber), var(--lwa-pm-sky));
}
.lwa-practice-mode-wrapper .lwa-quiz-question-inner{position:relative}
.lwa-practice-mode-wrapper .lwa-quiz-question-topline{justify-content:flex-start}
.lwa-practice-mode-wrapper .lwa-quiz-question-category{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(91,212,109,.14);
  border:1px solid rgba(91,212,109,.28);
  color:var(--lwa-pm-navy);
  font-size:.82rem;
  font-weight:800;
}
.lwa-practice-mode-wrapper .lwa-quiz-question-text{
  color:var(--lwa-pm-navy);
  font-weight:700;
  font-size:1.08rem;
  line-height:1.45;
}
.lwa-practice-mode-wrapper .lwa-quiz-question-image{
  background:#fff;
  border:1px solid rgba(15,42,68,.08);
  border-radius:18px;
  padding:14px;
  box-shadow:0 12px 22px rgba(15,42,68,.06);
}
.lwa-practice-mode-wrapper .lwa-quiz-answers{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer{
  display:flex;
  align-items:stretch;
  gap:.5rem;
  padding:0;
  margin:0;
  border:2px solid rgba(15,42,68,.08);
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbfe 100%);
  box-shadow:0 10px 22px rgba(15,42,68,.05);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer:hover{
  transform:translateY(-2px);
  border-color:rgba(91,212,109,.42);
  background:linear-gradient(180deg,#fafffb 0%, #eefaf2 100%);
  box-shadow:0 14px 28px rgba(15,42,68,.08);
}
.lwa-practice-mode-wrapper .lwa-quiz-answer-label{display:flex;align-items:flex-start;gap:.65rem;width:100%;padding:14px 16px}
.lwa-practice-mode-wrapper .lwa-quiz-answer-letter{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:rgba(15,42,68,.08);color:var(--lwa-pm-navy);font-weight:800;flex:0 0 30px;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer-text{color:#27384a;font-weight:600;line-height:1.4}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-correct{
  border-color:rgba(91,212,109,.55);
  background:linear-gradient(180deg,#f8fff9 0%, #e8f9ec 100%);
  box-shadow:0 0 0 4px rgba(91,212,109,.14), 0 16px 30px rgba(15,42,68,.08);
}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-correct .lwa-quiz-answer-letter{background:var(--lwa-pm-green);color:#fff}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-incorrect{
  border-color:rgba(220,53,69,.42);
  background:linear-gradient(180deg,#fff9fa 0%, #fdecef 100%);
  box-shadow:0 0 0 4px rgba(220,53,69,.10), 0 16px 30px rgba(15,42,68,.07);
}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-incorrect .lwa-quiz-answer-letter{background:#dc3545;color:#fff}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-locked:not(.is-correct):not(.is-incorrect){opacity:.72}
.lwa-pm-feedback{
  margin-top:1rem;
  padding:.95rem 1rem;
  border-radius:16px;
  background:rgba(15,42,68,.04);
  color:var(--lwa-pm-navy);
}
.lwa-pm-feedback.feedback-correct{background:rgba(91,212,109,.16);border:1px solid rgba(91,212,109,.28)}
.lwa-pm-feedback.feedback-incorrect{background:rgba(220,53,69,.10);border:1px solid rgba(220,53,69,.18)}
.lwa-practice-mode-wrapper .lwa-quiz-nav{gap:.85rem;justify-content:center}
.lwa-practice-mode-wrapper .lwa-quiz-nav-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:.65rem 1.3rem;border-radius:999px;border:1px solid rgba(15,42,68,.1);
  background:linear-gradient(180deg,#fff,#f6f9fc);color:var(--lwa-pm-navy);font-weight:800;
  box-shadow:0 10px 20px rgba(15,42,68,.05);
}
.lwa-practice-mode-wrapper .lwa-quiz-nav-btn:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(91,212,109,.45)}
.lwa-practice-mode-wrapper .lwa-quiz-nav-btn:disabled{opacity:.45;box-shadow:none}
.lwa-pm-score-line{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(15,42,68,.06);
  color:var(--lwa-pm-navy);
}
.lwa-pm-upgrade-box{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(246,185,75,.14), transparent 30%),
    linear-gradient(180deg,#ffffff 0%, #f8fbfe 100%);
  border-color:rgba(15,42,68,.08);
}
.lwa-pm-upgrade-box::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,var(--lwa-pm-amber), var(--lwa-pm-green), var(--lwa-pm-sky));
}
@media (max-width: 720px){
  .lwa-practice-mode-wrapper .lwa-quiz-answers{grid-template-columns:1fr}
}


/* Premium UI pass */
.lwa-practice-mode-wrapper{
  --lwa-pm-navy-deep:#0a2237;
  --lwa-pm-ink:#203446;
  --lwa-pm-card-shadow:0 22px 48px rgba(15,42,68,.10);
  --lwa-pm-soft-shadow:0 14px 30px rgba(15,42,68,.08);
  max-width:1000px;
}
.lwa-practice-mode-wrapper .lwa-pm-setup,
.lwa-practice-mode-wrapper .lwa-pm-results,
.lwa-practice-mode-wrapper .lwa-pm-upgrade-box,
.lwa-practice-mode-wrapper .lwa-pm-focus-panel,
.lwa-practice-mode-wrapper .lwa-practice-login-gate--premium,
.lwa-practice-mode-wrapper .lwa-quiz-question{
  backdrop-filter:saturate(1.05);
}
.lwa-pm-title,
.lwa-pm-results-title{
  font-size:1.55rem;
  line-height:1.08;
  letter-spacing:-.02em;
  margin-bottom:.6rem;
}
.lwa-pm-description,
.lwa-pm-upgrade-text,
.lwa-practice-login-gate--premium p{
  font-size:1rem;
  line-height:1.62;
}
.lwa-pm-setup,
.lwa-pm-results,
.lwa-practice-login-gate--premium,
.lwa-pm-upgrade-box,
.lwa-pm-focus-panel,
.lwa-quiz-question{
  position:relative;
}
.lwa-pm-setup::after,
.lwa-pm-results::after,
.lwa-practice-login-gate--premium::after,
.lwa-pm-upgrade-box::after,
.lwa-pm-focus-panel::after,
.lwa-quiz-question::after{
  content:"";
  position:absolute;
  top:14px;
  right:14px;
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 68%);
  pointer-events:none;
  opacity:.55;
}
.lwa-pm-setup,
.lwa-pm-results,
.lwa-practice-login-gate--premium,
.lwa-pm-upgrade-box,
.lwa-pm-focus-panel,
.lwa-quiz-question{
  box-shadow:var(--lwa-pm-card-shadow);
}
.lwa-pm-field-label{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:.45rem;
}
.lwa-pm-field-label::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--lwa-pm-green), var(--lwa-pm-sky));
  box-shadow:0 0 0 4px rgba(91,212,109,.12);
}
.lwa-pm-select-count{
  min-height:48px;
  padding:.7rem 1rem;
  font-weight:700;
  border-radius:16px;
}
.lwa-pm-category-item{
  min-height:42px;
  padding:.45rem .85rem .45rem .55rem;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.lwa-pm-category-item:hover{
  transform:translateY(-1px);
  border-color:rgba(91,212,109,.35);
  box-shadow:0 14px 26px rgba(15,42,68,.08);
}
.lwa-pm-category-checkbox{
  width:16px;
  height:16px;
}
.lwa-pm-btn{
  min-height:48px;
  padding:.75rem 1.35rem;
  font-weight:800;
  letter-spacing:.01em;
}
.lwa-pm-btn-primary{
  background:linear-gradient(135deg, var(--lwa-pm-navy) 0%, #163b5d 65%, #2f5f87 100%);
  color:#fff;
  border:1px solid rgba(15,42,68,.12);
  box-shadow:0 14px 30px rgba(15,42,68,.20);
}
.lwa-pm-btn-primary:hover{
  background:linear-gradient(135deg, #0b253d 0%, #173f63 62%, #356d99 100%);
  color:#fff;
  box-shadow:0 18px 34px rgba(15,42,68,.24);
}
.lwa-pm-btn-secondary{
  background:linear-gradient(180deg,#ffffff 0%, #f6f9fc 100%);
}
.lwa-pm-focus-kicker,
.lwa-practice-login-kicker{
  box-shadow:0 10px 22px rgba(15,42,68,.14);
}
.lwa-pm-focus-panel{
  border-radius:22px;
}
.lwa-pm-progress{
  padding:.52rem .95rem;
  background:linear-gradient(135deg, rgba(15,42,68,.94), rgba(25,64,98,.94));
  color:#fff;
  box-shadow:0 14px 28px rgba(15,42,68,.18);
}
.lwa-pm-progress-bar{
  margin-top:.8rem;
  border:1px solid rgba(15,42,68,.06);
  box-shadow:inset 0 1px 3px rgba(15,42,68,.08);
}
.lwa-practice-mode-wrapper .lwa-quiz-question{
  padding:1.25rem 1.3rem 1.35rem;
}
.lwa-practice-mode-wrapper .lwa-quiz-question-topline{
  margin-bottom:.7rem;
}
.lwa-practice-mode-wrapper .lwa-quiz-question-category{
  background:linear-gradient(180deg, rgba(246,185,75,.18), rgba(246,185,75,.10));
  border-color:rgba(246,185,75,.28);
  box-shadow:0 8px 18px rgba(246,185,75,.14);
}
.lwa-practice-mode-wrapper .lwa-quiz-question-text{
  font-size:1.18rem;
  line-height:1.42;
  letter-spacing:-.01em;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer{
  overflow:hidden;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg, var(--lwa-pm-green), var(--lwa-pm-sky));
  opacity:0;
  transition:opacity .16s ease;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer:hover::before,
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-correct::before,
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-incorrect::before{
  opacity:1;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer-label{
  padding:16px 18px;
}
.lwa-practice-mode-wrapper .lwa-quiz-answer-letter{
  width:34px;
  height:34px;
  flex-basis:34px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-correct .lwa-quiz-answer-letter{
  background:linear-gradient(135deg, var(--lwa-pm-green), #8ae796);
}
.lwa-practice-mode-wrapper .lwa-quiz-answer.is-incorrect .lwa-quiz-answer-letter{
  background:linear-gradient(135deg, #d73b53, #ff7c8d);
}
.lwa-pm-feedback{
  font-size:1rem;
  font-weight:700;
  box-shadow:var(--lwa-pm-soft-shadow);
}
.lwa-practice-mode-wrapper .lwa-quiz-nav{
  margin-top:1rem;
}
.lwa-practice-mode-wrapper .lwa-quiz-nav-btn{
  min-width:160px;
}
.lwa-pm-results-title{
  margin-bottom:.85rem;
}
.lwa-pm-score-line{
  min-height:50px;
  padding:.7rem 1rem;
  font-size:1rem;
  font-weight:800;
  background:linear-gradient(135deg, rgba(15,42,68,.95) 0%, rgba(24,63,96,.95) 100%);
  color:#fff;
  box-shadow:0 14px 28px rgba(15,42,68,.18);
}
.lwa-pm-results-actions{
  margin-top:1.15rem;
  justify-content:center;
}
.lwa-practice-login-gate--premium,
.lwa-pm-upgrade-box{
  border-radius:26px;
}
.lwa-practice-login-media img,
.lwa-pm-upgrade-media img{
  border-radius:20px;
}
.lwa-pm-upgrade-title{
  font-size:1.32rem;
  line-height:1.12;
}
@media (max-width: 767px){
  .lwa-pm-title,
  .lwa-pm-results-title,
  .lwa-practice-login-gate--premium h2{
    font-size:1.34rem;
  }
  .lwa-practice-mode-wrapper .lwa-quiz-question{
    padding:1rem;
  }
  .lwa-practice-mode-wrapper .lwa-quiz-answer-label{
    padding:14px;
  }
  .lwa-practice-mode-wrapper .lwa-quiz-nav-btn,
  .lwa-pm-btn{
    width:100%;
  }
}


/* Topic colour system */
.lwa-pm-category-item,
.lwa-pm-focus-chip,
.lwa-pm-session-chip,
.lwa-practice-mode-wrapper .lwa-quiz-question-category,
.lwa-practice-mode-wrapper .lwa-quiz-question{
  --topic-solid: var(--lwa-pm-green);
  --topic-soft: rgba(91,212,109,.12);
  --topic-border: rgba(91,212,109,.28);
  --topic-shadow: rgba(91,212,109,.18);
  --topic-gradient: linear-gradient(135deg, rgba(91,212,109,.98), rgba(91,212,109,.72));
}
.lwa-pm-focus-chips,
.lwa-pm-session-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:.5rem 0 0}
.lwa-pm-focus-chip,
.lwa-pm-session-chip{
  display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .78rem;border-radius:999px;
  background:var(--topic-soft);border:1px solid var(--topic-border);color:var(--lwa-pm-navy);
  font-size:.82rem;font-weight:800;box-shadow:0 8px 18px var(--topic-shadow);
}
.lwa-pm-small-note--topics{margin-top:.9rem;margin-bottom:.45rem;color:var(--lwa-pm-navy);font-weight:700}
.lwa-pm-category-item[data-topic-theme],
.lwa-pm-focus-chip[data-topic-theme],
.lwa-pm-session-chip[data-topic-theme],
.lwa-practice-mode-wrapper .lwa-quiz-question-category[data-topic-theme],
.lwa-practice-mode-wrapper .lwa-quiz-question[data-topic-theme]{
  background:var(--topic-soft);
  border-color:var(--topic-border);
}
.lwa-pm-category-item[data-topic-theme]:hover{box-shadow:0 12px 24px var(--topic-shadow);transform:translateY(-1px)}
.lwa-pm-category-item[data-topic-theme] .lwa-pm-category-name{color:var(--topic-solid)}
.lwa-pm-category-item[data-topic-theme] .lwa-pm-category-checkbox{accent-color:var(--topic-solid)}
.lwa-pm-category-item:has(.lwa-pm-category-checkbox:checked){background:color-mix(in srgb, var(--topic-soft) 78%, white 22%);border-color:var(--topic-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--topic-solid) 18%, transparent), 0 14px 26px var(--topic-shadow)}
.lwa-practice-mode-wrapper .lwa-quiz-question[data-topic-theme]{box-shadow:0 18px 40px color-mix(in srgb, var(--topic-solid) 14%, rgba(15,42,68,.08))}
.lwa-practice-mode-wrapper .lwa-quiz-question[data-topic-theme]::before{background:var(--topic-gradient)}
.lwa-practice-mode-wrapper .lwa-quiz-question-category[data-topic-theme]{color:var(--topic-solid)}

[data-topic-theme="roundabouts"]{--topic-solid:#f59e0b;--topic-soft:rgba(245,158,11,.15);--topic-border:rgba(245,158,11,.34);--topic-shadow:rgba(245,158,11,.16);--topic-gradient:linear-gradient(135deg,#f59e0b,#fbbf24)}
[data-topic-theme="signs"]{--topic-solid:#0ea5e9;--topic-soft:rgba(14,165,233,.14);--topic-border:rgba(14,165,233,.32);--topic-shadow:rgba(14,165,233,.16);--topic-gradient:linear-gradient(135deg,#0ea5e9,#38bdf8)}
[data-topic-theme="hazard"]{--topic-solid:#ef4444;--topic-soft:rgba(239,68,68,.13);--topic-border:rgba(239,68,68,.32);--topic-shadow:rgba(239,68,68,.14);--topic-gradient:linear-gradient(135deg,#ef4444,#fb7185)}
[data-topic-theme="junctions"]{--topic-solid:#8b5cf6;--topic-soft:rgba(139,92,246,.14);--topic-border:rgba(139,92,246,.32);--topic-shadow:rgba(139,92,246,.14);--topic-gradient:linear-gradient(135deg,#8b5cf6,#a78bfa)}
[data-topic-theme="stopping"]{--topic-solid:#f97316;--topic-soft:rgba(249,115,22,.14);--topic-border:rgba(249,115,22,.32);--topic-shadow:rgba(249,115,22,.14);--topic-gradient:linear-gradient(135deg,#f97316,#fb923c)}
[data-topic-theme="speed"]{--topic-solid:#14b8a6;--topic-soft:rgba(20,184,166,.14);--topic-border:rgba(20,184,166,.32);--topic-shadow:rgba(20,184,166,.14);--topic-gradient:linear-gradient(135deg,#14b8a6,#2dd4bf)}
[data-topic-theme="motorway"]{--topic-solid:#2563eb;--topic-soft:rgba(37,99,235,.14);--topic-border:rgba(37,99,235,.32);--topic-shadow:rgba(37,99,235,.14);--topic-gradient:linear-gradient(135deg,#2563eb,#60a5fa)}
[data-topic-theme="lights"]{--topic-solid:#22c55e;--topic-soft:rgba(34,197,94,.14);--topic-border:rgba(34,197,94,.32);--topic-shadow:rgba(34,197,94,.14);--topic-gradient:linear-gradient(135deg,#22c55e,#4ade80)}
[data-topic-theme="vehicle"]{--topic-solid:#5BD46D;--topic-soft:rgba(91,212,109,.14);--topic-border:rgba(91,212,109,.32);--topic-shadow:rgba(91,212,109,.14);--topic-gradient:linear-gradient(135deg,#5BD46D,#86e694)}
[data-topic-theme="pedestrians"]{--topic-solid:#ec4899;--topic-soft:rgba(236,72,153,.13);--topic-border:rgba(236,72,153,.32);--topic-shadow:rgba(236,72,153,.14);--topic-gradient:linear-gradient(135deg,#ec4899,#f472b6)}
[data-topic-theme="emerald"]{--topic-solid:#10b981;--topic-soft:rgba(16,185,129,.14);--topic-border:rgba(16,185,129,.32);--topic-shadow:rgba(16,185,129,.14);--topic-gradient:linear-gradient(135deg,#10b981,#34d399)}
[data-topic-theme="amber"]{--topic-solid:#f59e0b;--topic-soft:rgba(245,158,11,.15);--topic-border:rgba(245,158,11,.34);--topic-shadow:rgba(245,158,11,.16);--topic-gradient:linear-gradient(135deg,#f59e0b,#fbbf24)}
[data-topic-theme="sky"]{--topic-solid:#0ea5e9;--topic-soft:rgba(14,165,233,.14);--topic-border:rgba(14,165,233,.32);--topic-shadow:rgba(14,165,233,.16);--topic-gradient:linear-gradient(135deg,#0ea5e9,#38bdf8)}
[data-topic-theme="violet"]{--topic-solid:#8b5cf6;--topic-soft:rgba(139,92,246,.14);--topic-border:rgba(139,92,246,.32);--topic-shadow:rgba(139,92,246,.14);--topic-gradient:linear-gradient(135deg,#8b5cf6,#a78bfa)}
[data-topic-theme="rose"]{--topic-solid:#f43f5e;--topic-soft:rgba(244,63,94,.13);--topic-border:rgba(244,63,94,.32);--topic-shadow:rgba(244,63,94,.14);--topic-gradient:linear-gradient(135deg,#f43f5e,#fb7185)}
[data-topic-theme="navy"]{--topic-solid:#0F2A44;--topic-soft:rgba(15,42,68,.09);--topic-border:rgba(15,42,68,.22);--topic-shadow:rgba(15,42,68,.12);--topic-gradient:linear-gradient(135deg,#0F2A44,#385770)}


/* Icon + stat card refinement */
.lwa-pm-title,
.lwa-pm-results-title,
.lwa-pm-upgrade-title,
.lwa-pm-field-label{
  display:flex;
  align-items:center;
  gap:.65rem;
}
.lwa-pm-title::before,
.lwa-pm-results-title::before,
.lwa-pm-upgrade-title::before,
.lwa-pm-field-label::before{
  content:"";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:14px;
  flex:0 0 38px;
  background:linear-gradient(135deg, rgba(15,42,68,.08), rgba(79,195,247,.16));
  color:var(--lwa-pm-navy);
  box-shadow:0 10px 20px rgba(15,42,68,.08);
  font-size:1rem;
  font-weight:800;
}
.lwa-pm-title::before{content:"◎";}
.lwa-pm-results-title::before{content:"✓"; background:linear-gradient(135deg, rgba(91,212,109,.18), rgba(79,195,247,.16));}
.lwa-pm-upgrade-box--help .lwa-pm-upgrade-title::before{content:"↺"; background:linear-gradient(135deg, rgba(79,195,247,.18), rgba(15,42,68,.08));}
.lwa-pm-upgrade-box .lwa-pm-upgrade-title::before{content:"★"; background:linear-gradient(135deg, rgba(246,185,75,.2), rgba(91,212,109,.16));}
.lwa-pm-field-row:first-child .lwa-pm-field-label::before{content:"#";}
.lwa-pm-field-row-cats .lwa-pm-field-label::before{content:"◉";}

.lwa-pm-results-hero{
  padding:0 0 1rem;
}
.lwa-pm-results-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(15,42,68,.92), rgba(56,87,112,.96));
  color:#fff;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:.85rem;
  box-shadow:0 12px 24px rgba(15,42,68,.16);
}
.lwa-pm-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:.9rem;
  margin:.9rem 0 .15rem;
}
.lwa-pm-metric-card{
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:1rem;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f7fbff);
  border:1px solid rgba(15,42,68,.08);
  box-shadow:0 12px 24px rgba(15,42,68,.06);
}
.lwa-pm-metric-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:16px;
  flex:0 0 48px;
  font-size:1.2rem;
  background:rgba(15,42,68,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 10px 18px rgba(15,42,68,.07);
}
.lwa-pm-metric-card--score .lwa-pm-metric-icon{background:rgba(91,212,109,.18);}
.lwa-pm-metric-card--correct .lwa-pm-metric-icon{background:rgba(246,185,75,.2);}
.lwa-pm-metric-card--topics .lwa-pm-metric-icon{background:rgba(79,195,247,.18);}
.lwa-pm-metric-card--answered .lwa-pm-metric-icon{background:rgba(15,42,68,.1);}
.lwa-pm-metric-label{
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#6b7d8f;
}
.lwa-pm-metric-value{
  font-size:1.3rem;
  line-height:1.08;
  font-weight:800;
  color:var(--lwa-pm-navy);
}
.lwa-pm-results-actions{
  margin-top:1.15rem;
}
.lwa-pm-session-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.35rem 0 .8rem;
}
.lwa-pm-session-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.46rem .8rem;
  border-radius:999px;
  font-weight:700;
  box-shadow:0 10px 22px var(--topic-shadow, rgba(15,42,68,.08));
}
.lwa-pm-upgrade-box{
  position:relative;
  overflow:hidden;
}
.lwa-pm-upgrade-box::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:5px;
  background:linear-gradient(90deg, rgba(91,212,109,.95), rgba(246,185,75,.88), rgba(79,195,247,.9));
}
.lwa-pm-upgrade-list li{
  display:flex;
  align-items:flex-start;
}
.lwa-pm-upgrade-list li::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
}
@media (max-width: 640px){
  .lwa-pm-metrics{
    grid-template-columns:1fr 1fr;
  }
  .lwa-pm-title::before,
  .lwa-pm-results-title::before,
  .lwa-pm-upgrade-title::before,
  .lwa-pm-field-label::before{
    width:34px;height:34px;flex-basis:34px;
  }
}


/* Setup tidy-up: anchor the question count control so it feels deliberate */
.lwa-pm-field-row-count{
  margin-bottom:1.15rem;
  max-width:420px;
}
.lwa-pm-count-box{
  padding:16px 18px;
  border:1px solid rgba(15,42,68,.08);
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%, #f8fbfe 100%);
  box-shadow:0 12px 26px rgba(15,42,68,.05);
}
.lwa-pm-count-input-wrap{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:.6rem;
}
.lwa-pm-field-row-count .lwa-pm-select-count{
  min-width:220px;
}
.lwa-pm-field-row-cats{
  margin-top:.15rem;
}
@media (max-width: 600px) {
  .lwa-pm-field-row-count{
    max-width:none;
  }
  .lwa-pm-count-box{
    padding:14px;
  }
  .lwa-pm-count-input-wrap,
  .lwa-pm-field-row-count .lwa-pm-select-count{
    width:100%;
  }
}