.quiz{margin:40px 0;padding:32px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 55%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--accent2) 8%,transparent) 0%,transparent 55%),var(--bg2);position:relative;overflow:hidden}.quiz-head{margin-bottom:24px}.quiz-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px 6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);margin-bottom:14px}.quiz-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:10px;font-weight:800;line-height:1}[data-theme=light] .quiz-icon{color:#fff}.quiz-eyebrow-text{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2)}.quiz-title{font-family:var(--font-heading);font-size:clamp(22px,2.6vw,28px);font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0 0 10px}.quiz-title .accent{color:var(--accent)}.quiz-instructions{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}.quiz-instructions strong{color:var(--text);font-weight:600}.quiz-actions{display:flex}.quiz-start,.quiz-retry{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .18s,background .18s}.quiz-start:hover,.quiz-retry:hover{background:var(--accent);transform:translateY(-1px)}[data-theme=light] .quiz-start:hover,[data-theme=light] .quiz-retry:hover{color:#fff}.quiz-start:focus-visible,.quiz-submit:focus-visible,.quiz-retry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quiz-btn-arrow{font-weight:700;transition:transform .18s}.quiz-start:hover .quiz-btn-arrow,.quiz-submit:hover:not(:disabled) .quiz-btn-arrow,.quiz-retry:hover .quiz-btn-arrow{transform:translate(2px)}.quiz-questions{display:flex;flex-direction:column;gap:28px}.quiz-questions:empty{display:none}.quiz-progress{display:flex;flex-direction:column;gap:8px;padding:14px 18px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);position:sticky;top:12px;z-index:2;backdrop-filter:blur(8px)}.quiz-progress-text{font-size:12px;color:var(--muted);letter-spacing:.02em}.quiz-progress-text strong{color:var(--text);font-family:var(--font-heading);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.quiz-progress-bar{width:100%;height:4px;background:var(--border);border-radius:999px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:999px;transition:width .3s ease-out}.quiz-q{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg2);padding:28px;margin:0;transition:border-color .18s,box-shadow .18s}.quiz-q[data-answered="1"]{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 1px 3px color-mix(in srgb,var(--accent) 8%,transparent)}.quiz-q.correct{border-color:color-mix(in srgb,var(--ok, #10A37F) 50%,transparent);background:color-mix(in srgb,var(--ok, #10A37F) 3%,var(--bg2))}.quiz-q.wrong{border-color:color-mix(in srgb,var(--danger, #EF4444) 40%,transparent);background:color-mix(in srgb,var(--danger, #EF4444) 3%,var(--bg2))}.quiz-q-head{display:flex;align-items:flex-start;gap:18px;margin:0 0 22px}.quiz-q-num{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent);font-family:var(--font-heading);font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:-.02em}.quiz-q.correct .quiz-q-num{background:color-mix(in srgb,var(--ok, #10A37F) 14%,var(--bg));border-color:color-mix(in srgb,var(--ok, #10A37F) 32%,transparent);color:var(--ok, #10A37F)}.quiz-q.wrong .quiz-q-num{background:color-mix(in srgb,var(--danger, #EF4444) 12%,var(--bg));border-color:color-mix(in srgb,var(--danger, #EF4444) 28%,transparent);color:var(--danger, #EF4444)}.quiz-q-prompt-wrap{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding-top:2px}.quiz-q-hint{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--subtle)}.quiz-q-prompt{color:var(--text);font-family:var(--font-heading);font-size:clamp(16px,1.7vw,19px);font-weight:700;line-height:1.35;letter-spacing:-.01em;margin:0}.quiz-opts{display:flex;flex-direction:column;gap:10px}.quiz-opt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.quiz-opt:hover:not(.correct):not(.wrong){border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-1px)}.quiz-opt:focus-within{outline:2px solid var(--accent);outline-offset:2px}.quiz-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.quiz-opt-letter{grid-column:1;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--bg2);border:1.5px solid var(--border2);color:var(--subtle);font-family:var(--font-heading);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background .15s,color .15s,border-color .15s}.quiz-opt-label{grid-column:2;color:var(--text);font-size:14.5px;line-height:1.5}.quiz-opt-marker{grid-column:3;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--border2);background:var(--bg);display:inline-block;transition:border-color .15s,background .15s;position:relative}.quiz-q[data-type=multi] .quiz-opt-marker{border-radius:6px}.quiz-opt[data-checked="1"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.quiz-opt[data-checked="1"] .quiz-opt-letter{background:var(--accent);color:var(--bg);border-color:var(--accent)}[data-theme=light] .quiz-opt[data-checked="1"] .quiz-opt-letter{color:#fff}.quiz-opt[data-checked="1"] .quiz-opt-marker{border-color:var(--accent);background:var(--accent)}.quiz-opt[data-checked="1"] .quiz-opt-marker:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--bg);transform:translate(-50%,-50%)}.quiz-q[data-type=multi] .quiz-opt[data-checked="1"] .quiz-opt-marker:after{border-radius:0;width:10px;height:6px;background:transparent;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:translate(-50%,-70%) rotate(-45deg)}.quiz-opt.correct{border-color:var(--ok, #10A37F);background:color-mix(in srgb,var(--ok, #10A37F) 8%,var(--bg))}.quiz-opt.correct .quiz-opt-letter{background:var(--ok, #10A37F);color:var(--bg);border-color:var(--ok, #10A37F)}[data-theme=light] .quiz-opt.correct .quiz-opt-letter{color:#fff}.quiz-opt.correct .quiz-opt-marker{border-color:var(--ok, #10A37F);background:var(--ok, #10A37F)}.quiz-opt.wrong{border-color:var(--danger, #EF4444);background:color-mix(in srgb,var(--danger, #EF4444) 6%,var(--bg))}.quiz-opt.wrong .quiz-opt-letter{background:var(--danger, #EF4444);color:var(--bg);border-color:var(--danger, #EF4444)}[data-theme=light] .quiz-opt.wrong .quiz-opt-letter{color:#fff}.quiz-opt.wrong .quiz-opt-marker{border-color:var(--danger, #EF4444);background:var(--danger, #EF4444)}.quiz-fb{display:block;grid-column:1 / -1;margin-top:4px;padding:10px 12px;background:var(--bg2);border-left:2px solid var(--border2);border-radius:4px;font-size:13px;color:var(--muted);line-height:1.55;font-style:italic}.quiz-opt.correct .quiz-fb{border-left-color:var(--ok, #10A37F)}.quiz-opt.wrong .quiz-fb{border-left-color:var(--danger, #EF4444)}.quiz-submit-wrap{margin-top:8px}.quiz-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .18s,background .18s,opacity .18s}[data-theme=light] .quiz-submit{color:#fff}.quiz-submit:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.quiz-submit:disabled{opacity:.45;cursor:not-allowed;background:var(--bg3);color:var(--subtle)}[data-theme=light] .quiz-submit:disabled{color:var(--subtle)}.quiz-result-card{display:flex;align-items:center;gap:18px;margin-top:28px;padding:24px 26px;border-radius:var(--radius-md);border-left:4px solid;opacity:0;transform:translateY(8px);transition:opacity .32s ease-out,transform .32s ease-out}.quiz-result-card.revealed{opacity:1;transform:translateY(0)}.quiz-result-card.pass{background:color-mix(in srgb,var(--ok, #10A37F) 8%,var(--bg));border-left-color:var(--ok, #10A37F)}.quiz-result-card.fail{background:color-mix(in srgb,var(--danger, #EF4444) 6%,var(--bg));border-left-color:var(--danger, #EF4444)}.quiz-result-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;color:var(--bg);font-family:var(--font-heading);font-size:22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1}[data-theme=light] .quiz-result-icon{color:#fff}.quiz-result-card.pass .quiz-result-icon{background:var(--ok, #10A37F)}.quiz-result-card.fail .quiz-result-icon{background:var(--danger, #EF4444)}.quiz-result-text{flex:1}.quiz-result-status{font-family:var(--font-heading);font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.quiz-result-card.pass .quiz-result-status{color:var(--ok, #10A37F)}.quiz-result-card.fail .quiz-result-status{color:var(--danger, #EF4444)}.quiz-result-score{color:var(--muted);font-size:14px;margin:0 0 12px}.quiz-result-text .quiz-retry{margin-top:4px}@media(max-width:640px){.quiz{padding:24px 18px}.quiz-q{padding:18px}.quiz-result-card{flex-direction:column;align-items:flex-start;gap:14px}}@media(prefers-reduced-motion:reduce){.quiz-result-card,.quiz-start,.quiz-submit,.quiz-retry,.quiz-btn-arrow,.quiz-opt,.quiz-opt-marker,.quiz-q{transition:none}.quiz-start:hover,.quiz-submit:hover:not(:disabled),.quiz-retry:hover{transform:none}}