/* Блок «Квиз» (Blocks/QuizBlock). */
.vz-qz{--qz-bg:#fff;--qz-ink:#101828;--qz-muted:#667085;--qz-soft:#f4f5f8;--qz-line:#e5e8ef;padding:20px 18px;border-radius:24px;background:var(--qz-bg);color:var(--qz-ink);box-shadow:0 12px 34px rgba(16,24,40,.08);text-align:left}
.vz-qz--dark{--qz-bg:#141821;--qz-ink:#fff;--qz-muted:#a3aab8;--qz-soft:#1d2230;--qz-line:#2a303d}
.vz-qz--glass{--qz-bg:rgba(255,255,255,.14);--qz-ink:#fff;--qz-muted:rgba(255,255,255,.78);--qz-soft:rgba(255,255,255,.12);--qz-line:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);box-shadow:none}
.vz-qz *{box-sizing:border-box}
.vz-qz__step[hidden]{display:none}
.vz-qz__step.is-on{animation:qzIn .25s ease}
@keyframes qzIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vz-qz__title{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--qz-ink)}
.vz-qz__sub{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--qz-muted)}
.vz-qz__meta{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--qz-muted)}
.vz-qz__progress{height:6px;margin:0 0 12px;border-radius:999px;background:var(--qz-soft);overflow:hidden}
.vz-qz__progress span{display:block;height:100%;border-radius:inherit;background:var(--qz-accent);transition:width .3s}
.vz-qz__count{font-size:12.5px;font-weight:700;color:var(--qz-muted);text-transform:uppercase;letter-spacing:.05em}
.vz-qz__q{margin:4px 0 12px;font-size:19px;font-weight:800;color:var(--qz-ink)}
.vz-qz__opts{display:flex;flex-direction:column;gap:8px}
.vz-qz__opt{display:block;margin:0;cursor:pointer;font-weight:400}
.vz-qz__opt input{position:absolute;opacity:0;pointer-events:none}
.vz-qz__opt span{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1.5px solid var(--qz-line);border-radius:14px;background:var(--qz-soft);font-size:15px;font-weight:600;color:var(--qz-ink);transition:border-color .15s,background .15s}
.vz-qz__opt span::before{content:"";flex:0 0 20px;width:20px;height:20px;border:2px solid var(--qz-line);border-radius:50%;background:transparent}
.vz-qz__opt input[type=checkbox]+span::before{border-radius:6px}
.vz-qz__opt input:checked+span{border-color:var(--qz-accent);background:color-mix(in srgb,var(--qz-accent) 10%,transparent)}
.vz-qz__opt input:checked+span::before{border-color:var(--qz-accent);background:var(--qz-accent);box-shadow:inset 0 0 0 3px var(--qz-bg)}
.vz-qz__opt input:focus-visible+span{outline:2px solid var(--qz-accent);outline-offset:2px}
.vz-qz__hint{margin-top:8px;font-size:12.5px;color:var(--qz-muted)}
.vz-qz__input{display:block;width:100%;margin:0 0 10px;padding:12px 14px;border:1px solid var(--qz-line);border-radius:14px;background:#fff;color:#101828;font:inherit;font-size:16px}
textarea.vz-qz__input{resize:vertical}
.vz-qz__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.vz-qz__agree{display:flex;align-items:flex-start;gap:8px;margin:2px 0 4px;font-size:13.5px;color:var(--qz-muted);font-weight:400;cursor:pointer}
.vz-qz__agree input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--qz-accent)}
.vz-qz__agree a{color:inherit;text-decoration:underline}
.vz-qz__err{margin:8px 0 0;font-size:14px;font-weight:600;color:#dc2626}
.vz-qz__err[hidden]{display:none}
.vz-qz__nav{display:flex;gap:8px;margin-top:14px}
.vz-qz__btn{flex:1;min-height:48px;padding:0 18px;border:0;border-radius:14px;background:var(--qz-accent);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:filter .15s,transform .12s}
.vz-qz__btn:hover{filter:brightness(1.07)}
.vz-qz__btn:active{transform:scale(.98)}
.vz-qz__btn:disabled{opacity:.6}
[data-qz-step="start"] .vz-qz__btn{width:100%}
.vz-qz__back{min-height:48px;padding:0 16px;border:1px solid var(--qz-line);border-radius:14px;background:transparent;color:var(--qz-ink);font:inherit;font-weight:700;cursor:pointer}
.vz-qz__done{text-align:center;padding:10px 0}
.vz-qz__ok{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--qz-accent);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.vz-qz__done p{margin:0;font-size:16px;font-weight:600}