/* Agent Licenses Exam Quiz: front-end styles, scoped to .alquiz so they do not touch the theme. */
.alquiz{
  --alq-bg:#ffffff;--alq-card:#ffffff;--alq-line:#d6dfe4;--alq-ink:#14212a;--alq-muted:#4a5964;
  --alq-accent:#0d5f63;--alq-right:#137a4b;--alq-wrong:#b4232a;--alq-round:14px;
  box-sizing:border-box;max-width:46rem;margin:0 auto;color:var(--alq-ink);
  font-family:var(--alq-font,inherit);line-height:1.55;text-align:left;
}
.alquiz *,.alquiz *::before,.alquiz *::after{box-sizing:border-box}
.alquiz--dark{--alq-bg:#14212a;--alq-card:#1b2b36;--alq-line:#2e4250;--alq-ink:#eef3f5;--alq-muted:#a9b7c0}
.alquiz--site{--alq-bg:transparent;--alq-card:transparent;--alq-ink:inherit;--alq-muted:inherit;--alq-line:currentColor}
.alquiz--site .alq-card{background:transparent}

.alquiz .alq-card{background:var(--alq-card);border:1px solid var(--alq-line);border-radius:var(--alq-round);padding:1.1rem 1.15rem}
.alquiz .alq-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem .8rem;margin:0 0 .7rem}
.alquiz .alq-title{font-weight:800;font-size:1.15rem;margin:0;letter-spacing:-.01em}
.alquiz .alq-progress{font-size:.85rem;color:var(--alq-muted)}
.alquiz .alq-score{font-size:.85rem;color:var(--alq-muted);font-variant-numeric:tabular-nums}
.alquiz .alq-q{font-weight:600;font-size:1.05rem;margin:.2rem 0 .9rem}

.alquiz .alq-opts{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.alquiz .alq-opt{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;
  background:var(--alq-bg);border:1.5px solid var(--alq-line);border-radius:10px;padding:.7rem .85rem;transition:border-color .12s,background .12s}
.alquiz--site .alq-opt{background:transparent}
.alquiz .alq-opt:hover:not(:disabled){border-color:var(--alq-accent)}
.alquiz .alq-opt:disabled{cursor:default}
.alquiz .alq-opt:focus-visible{outline:2px solid var(--alq-accent);outline-offset:2px}
.alquiz .alq-opt .alq-letter{display:inline-block;min-width:1.5rem;font-weight:700;color:var(--alq-muted)}
.alquiz .alq-opt.is-right{border-color:var(--alq-right);background:color-mix(in srgb,var(--alq-right) 12%,transparent)}
.alquiz .alq-opt.is-wrong{border-color:var(--alq-wrong);background:color-mix(in srgb,var(--alq-wrong) 12%,transparent)}
.alquiz .alq-opt.is-right .alq-letter{color:var(--alq-right)}
.alquiz .alq-opt.is-wrong .alq-letter{color:var(--alq-wrong)}

.alquiz .alq-feedback{margin:.85rem 0 0;padding:.75rem .85rem;border-radius:10px;border:1px solid var(--alq-line);background:var(--alq-bg)}
.alquiz--site .alq-feedback{background:transparent}
.alquiz .alq-verdict{font-weight:700;margin:0 0 .25rem}
.alquiz .alq-verdict.is-right{color:var(--alq-right)}
.alquiz .alq-verdict.is-wrong{color:var(--alq-wrong)}
.alquiz .alq-why{margin:0;color:var(--alq-ink);font-size:.96rem}

.alquiz .alq-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.alquiz .alq-btn{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:10px;padding:.65rem 1.15rem;
  background:var(--alq-accent);color:#fff;line-height:1.2}
.alquiz .alq-btn:hover{filter:brightness(.94)}
.alquiz .alq-btn:focus-visible{outline:2px solid var(--alq-accent);outline-offset:2px}
.alquiz .alq-btn--ghost{background:transparent;color:var(--alq-accent);box-shadow:inset 0 0 0 1.5px var(--alq-accent)}

.alquiz .alq-result .alq-big{font-size:2.1rem;font-weight:800;margin:.2rem 0 .1rem;letter-spacing:-.02em}
.alquiz .alq-result .alq-sub{color:var(--alq-muted);margin:0 0 1rem}
.alquiz .alq-break{list-style:none;margin:0 0 .4rem;padding:0;display:grid;gap:.45rem}
.alquiz .alq-break li{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;font-size:.95rem}
.alquiz .alq-bar{grid-column:1/-1;height:7px;border-radius:5px;background:var(--alq-line);overflow:hidden}
.alquiz .alq-bar span{display:block;height:100%;background:var(--alq-accent)}
.alquiz .alq-break .alq-tnum{color:var(--alq-muted);font-variant-numeric:tabular-nums}
.alquiz .alq-examlink{margin:1rem 0 0;font-size:.95rem}
.alquiz .alq-examlink a{color:var(--alq-accent)}

@media (max-width:520px){
  .alquiz .alq-card{padding:1rem}
  .alquiz .alq-title{font-size:1.05rem}
  .alquiz .alq-btn{width:100%}
}