/* ---------- DİL TESTİ SƏHİFƏSİ ---------- */
.test-wrap{padding-bottom:60px;}
.test-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px;max-width:600px;
  box-shadow:0 1px 2px rgba(var(--ink-rgb),.04),0 14px 36px -20px rgba(var(--ink-rgb),.2);
}
.test-card[hidden]{display:none;}

/* Quruluş */
.test-field{margin-bottom:22px;}
.test-field > label{
  display:block;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--muted);margin:0 0 9px;
}
.test-field select{
  width:100%;padding:11px 13px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;
  background:var(--paper);border:1px solid var(--line-strong);color:inherit;font-family:inherit;cursor:pointer;
}
.test-field select:focus{outline:none;border-color:var(--accent);}
.test-levels{display:flex;gap:8px;flex-wrap:wrap;}
.level-btn{
  flex:1;min-width:64px;padding:12px 10px;border-radius:var(--radius-sm);
  background:var(--paper);border:1px solid var(--line-strong);color:var(--ink);
  font-family:var(--font-mono);font-size:14px;font-weight:600;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.level-btn:hover{border-color:var(--accent);}
.level-btn.sel{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
.test-hint{margin:14px 0 0;font-size:13px;color:var(--muted);min-height:16px;}
.btn-full{width:100%;}

/* Sual */
.quiz-top{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.quiz-count{font-family:var(--font-mono);font-size:13px;color:var(--muted);flex-shrink:0;}
.quiz-bar{flex:1;height:6px;background:rgba(var(--ink-rgb),.08);border-radius:20px;overflow:hidden;}
.quiz-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:20px;transition:width .3s ease;}
.quiz-q{
  font-family:var(--font-display);font-size:22px;font-weight:500;line-height:1.35;
  margin:0 0 22px;text-wrap:balance;
}
.quiz-options{display:flex;flex-direction:column;gap:10px;}
.opt{
  text-align:left;padding:14px 16px;border-radius:var(--radius-sm);
  background:var(--paper);border:1.5px solid var(--line-strong);color:var(--ink);
  font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .1s ease;
}
.opt:hover:not(:disabled){border-color:var(--accent);}
.opt:active:not(:disabled){transform:scale(.99);}
.opt:disabled{cursor:default;}
.opt.dogru{border-color:var(--ok);background:rgba(var(--accent-rgb),.1);color:var(--ok);font-weight:700;}
.opt.sehv{border-color:var(--err);background:rgba(196,98,60,.1);color:var(--err);}
#nextBtn{margin-top:20px;}
#nextBtn[hidden]{display:none;}

/* Nəticə */
.result-score{text-align:center;margin-bottom:26px;}
.result-num{
  display:block;font-family:var(--font-display);font-size:52px;font-weight:600;line-height:1;
  color:var(--accent);
}
.result-num.hi{color:var(--ok);}
.result-num.lo{color:var(--clay);}
.result-label{display:block;margin-top:8px;font-size:15px;color:var(--muted);}

.result-review{display:flex;flex-direction:column;gap:12px;}
.rev{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper);border-left-width:3px;}
.rev.ok{border-left-color:var(--ok);}
.rev.no{border-left-color:var(--err);}
.rev-q{font-size:14.5px;font-weight:600;margin:0 0 8px;}
.rev-a{font-size:14px;margin:0 0 6px;display:flex;gap:14px;flex-wrap:wrap;}
.rev-wrong{color:var(--err);text-decoration:line-through;opacity:.8;}
.rev-right{color:var(--ok);font-weight:600;}
.rev-ex{font-size:13px;color:var(--muted);line-height:1.55;margin:0;}

.result-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;}
.result-actions .btn{flex:1;min-width:130px;}

@media(max-width:520px){
  .test-card{padding:22px;}
  .quiz-q{font-size:19px;}
  .result-num{font-size:44px;}
}

/* Nəticə — səviyyə üzrə bal bölgüsü */
.result-levels{margin:6px 0 22px;display:flex;flex-direction:column;gap:9px;}
.result-levels:empty{display:none;}
.rl-title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--muted);margin:0 0 3px;}
.rl-row{display:flex;align-items:center;gap:11px;}
.rl-name{font-weight:700;font-size:13px;min-width:32px;font-family:var(--font-mono);}
.rl-bar{flex:1;height:8px;background:rgba(var(--ink-rgb),.08);border-radius:20px;overflow:hidden;}
.rl-bar i{display:block;height:100%;border-radius:20px;background:var(--accent);transition:width .7s cubic-bezier(.2,.7,.2,1);}
.rl-row.hi .rl-bar i{background:var(--ok,var(--accent));}
.rl-row.lo .rl-bar i{background:var(--clay);}
.rl-n{font-family:var(--font-mono);font-size:12px;color:var(--muted);min-width:82px;text-align:right;
  font-variant-numeric:tabular-nums;}
.rl-row.lo .rl-n{color:var(--clay);}