.quiz{border:1px solid var(--line);box-shadow:var(--shadow);margin:8px 0 28px;padding:clamp(18px,3vw,28px);scroll-margin-top:84px}.quiz h2{margin:0 0 8px;font-size:1.35rem}.quiz h3{margin:28px 0 12px;font-size:1.15rem}.quiz-meta{color:var(--muted);margin:0 0 14px;font-weight:600}.quiz-start{min-height:52px;padding-inline:32px;font-size:1.05rem}.quiz-note{color:var(--muted);margin:12px 0 0}.quiz-panel,.quiz-nojs-ok{display:none}html:not(.js) .quiz-questions,html:not(.js) .quiz-gate,html:not(.js) .quiz-intro{display:block}html:not(.js) .quiz-start,html:not(.js) .quiz-progress,html:not(.js) .quiz-nav,html:not(.js) .quiz-back{display:none}html:not(.js) .quiz-q{margin-bottom:22px}.quiz-nojs-ok:target{background:var(--green-soft);color:#0d5f3a;border-radius:12px;padding:14px 16px;font-weight:600;display:block}.js .quiz[data-state=intro] .quiz-intro,.js .quiz[data-state=questions] .quiz-questions,.js .quiz[data-state=gate] .quiz-gate,.js .quiz[data-state=result] .quiz-result{display:block}.js .quiz-q:not(.is-current){display:none}.quiz-progress{color:var(--muted);align-items:center;gap:14px;margin-bottom:18px;font-size:.92rem;font-weight:600;display:flex}.quiz-step{flex:none}.quiz-bar{background:var(--blue-soft);border-radius:99px;flex:1;height:8px;overflow:hidden}.quiz-bar i{height:100%;width:var(--p,10%);background:var(--green);border-radius:inherit;transition:width .3s;display:block}.quiz-q{border:0;min-width:0;margin:0;padding:0}.quiz-q legend{color:var(--ink);margin-bottom:16px;padding:0;font-size:1.2rem;font-weight:700;line-height:1.35}.quiz-num{color:var(--green-ink);letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}html[lang=ar] .quiz-num{text-transform:none;letter-spacing:0}.quiz-options{gap:10px;display:grid}.quiz-opt{border:1.5px solid var(--line);cursor:pointer;background:#f7f9fc;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.45;transition:border-color .15s,background-color .15s;display:flex}.quiz-opt:hover{border-color:var(--blue);background:#fff}.quiz-opt input{width:20px;height:20px;accent-color:var(--green-ink);flex:none;margin:1px 0 0}.quiz-opt:has(input:checked){border-color:var(--green-ink);background:var(--green-soft)}.quiz-opt:has(input:focus-visible){outline:3px solid var(--green);outline-offset:2px}.quiz-nav{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.quiz-nav .btn:disabled{opacity:.45;cursor:not-allowed}.quiz-prev:disabled{visibility:hidden}.quiz-gate>p{margin:0 0 18px}.quiz-gate-title:focus{outline:none}.quiz-back{font:inherit;color:var(--blue);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin-top:14px;padding:4px 0;text-decoration:underline}.quiz-score-head{align-items:center;gap:20px;display:flex}.quiz-score{background:conic-gradient(var(--green) calc(var(--s,0) * 1%), var(--blue-soft) 0);width:108px;height:108px;color:var(--ink);direction:ltr;border-radius:50%;flex:none;justify-content:center;align-items:baseline;margin:0;padding-top:34px;display:flex;position:relative}.quiz-score:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.quiz-score b,.quiz-score span{position:relative}.quiz-score b{font-size:2.1rem;line-height:1}.quiz-score span{color:var(--muted);font-size:.95rem;font-weight:600}.quiz-hello{color:var(--green-ink);margin:0;font-weight:600}.quiz-result-title{margin:2px 0 4px!important}.quiz-result-title:focus{outline:none}.quiz-score-text{color:var(--muted);margin:0;font-weight:600}.quiz-result-text{margin:8px 0 0}.quiz-emailed{background:var(--blue-soft);border-radius:12px;margin:16px 0 0;padding:12px 16px;font-size:.95rem}.quiz-emailed:empty{display:none}@media (width<=520px){.quiz-score-head{flex-direction:column;align-items:flex-start}}.quiz-cta{background:var(--green-soft);border-radius:14px;margin-top:20px;padding:18px 20px}.quiz-cta p{margin:0}.quiz-cta-actions{flex-wrap:wrap;gap:10px;display:flex;margin-top:12px!important}.quiz-review{gap:14px;margin:0;padding:0;list-style:none;display:grid}.quiz-review li{border:1px solid var(--line);border-inline-start:5px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px}.quiz-review li.is-right{border-inline-start-color:var(--green)}.quiz-review li.is-wrong{border-inline-start-color:#d9822b}.quiz-review .rq{color:var(--ink);margin:0 0 8px;font-weight:700}.quiz-review .ra{margin:0 0 4px;font-size:.95rem}.quiz-review .ra b{font-weight:600}.quiz-review .is-right .mine:before{content:"✓ ";color:var(--green-ink);font-weight:700}.quiz-review .is-wrong .mine:before{content:"✗ ";color:#b45309;font-weight:700}.quiz-review .rx{color:var(--text);margin:8px 0 0;font-size:.95rem}.quiz-review .rl{margin:6px 0 0;font-size:.92rem}.quiz-after{margin:22px 0 0}.quiz-others{margin:14px 0 0;font-size:.95rem}
