/* Quiz player and quiz hub */
.qz-muted{color:#5a7991;font-size:.9rem}
.quiz-page .qz-art{display:block;width:100%;max-width:340px;height:auto;margin:0 0 18px;border-radius:14px}
.qz{background:#fff;border:1px solid #d4e7f2;border-radius:14px;padding:20px;margin:0 0 24px}
.qz-big{font-size:1.15rem;font-weight:700;margin:0 0 10px}
.qz-btns{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.qz-primary,.qz-secondary{font:inherit;font-weight:800;border-radius:10px;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-block;border:2px solid var(--blue);line-height:1.2}
.qz-primary{background:var(--blue);color:#fff}
.qz-primary:hover,.qz-primary:focus-visible{background:#2a95d3;border-color:#2a95d3}
.qz-secondary{background:#fff;color:#0b6aa8}
.qz-secondary:hover,.qz-secondary:focus-visible{background:#eef7fc}
.qz-top{display:flex;justify-content:space-between;font-weight:800;font-size:.9rem;color:#355670;margin-bottom:8px}
.qz-bar{height:8px;background:#e5f1f7;border-radius:6px;overflow:hidden;margin-bottom:16px}
.qz-bar i{display:block;height:100%;background:var(--blue);border-radius:6px}
.qz-q{font-size:1.35rem;line-height:1.3;margin:0 0 14px;letter-spacing:-.01em}
.qz-img{margin:0 0 14px}.qz-img svg{max-width:100%;height:auto;max-height:200px}
.qz-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qz-opt{font:inherit;font-weight:700;text-align:left;display:flex;align-items:center;gap:10px;background:#f4fafd;border:2px solid #cfe3ee;border-radius:10px;padding:12px 14px;cursor:pointer;color:var(--navy);line-height:1.3}
.qz-opt span{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #cfe3ee;display:grid;place-items:center;font-size:.85rem;font-weight:900}
.qz-opt:hover:not(:disabled),.qz-opt:focus-visible{border-color:var(--blue);background:#eaf6fd}
.qz-opt:disabled{cursor:default}
.qz-opt.right{background:#e7f7ed;border-color:#2e9e62}.qz-opt.right span{background:#2e9e62;border-color:#2e9e62;color:#fff}
.qz-opt.wrong{background:#fdeceb;border-color:#e0504a}.qz-opt.wrong span{background:#e0504a;border-color:#e0504a;color:#fff}
.qz-fb{margin:16px 0 12px;padding:12px 14px;border-radius:10px;line-height:1.5}
.qz-fb.ok{background:#e7f7ed;color:#0e5e3a}.qz-fb.no{background:#fdeceb;color:#8c1d1a}
.qz-end{text-align:center;padding:10px 0}
.qz-score{font-size:3.4rem;font-weight:900;line-height:1;margin:0 0 6px}.qz-score small{font-size:1.4rem;color:#5a7991}
.qz-end .qz-btns{justify-content:center}
.qz-list{margin:0 0 24px}
.qz-list ol{padding-left:1.3em}.qz-list li{margin:0 0 14px}
.qz-list ul{margin:6px 0 6px;padding-left:1.2em;color:#355670}
.qz-list details{margin-top:4px}.qz-list summary{cursor:pointer;color:#0b6aa8;font-weight:700}
/* hub cards */
.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.qcard{padding:10px 10px 14px}
.qcard .qz-art{width:100%;height:auto;border-radius:10px;margin-bottom:10px}
.qcard strong{padding:0 4px}.qcard small{padding:0 4px;margin-bottom:8px}
.qcard .hc-go{padding:0 4px;margin-top:auto}
@media(max-width:560px){.qz-opts{grid-template-columns:1fr}.qz-q{font-size:1.2rem}}