.so-quiz{max-width:980px;margin:2rem auto;padding:1.5rem;border:1px solid color-mix(in srgb,var(--orange,#f59e0b) 42%,transparent);border-radius:24px;background:color-mix(in srgb,var(--card,#fff) 94%,var(--orange,#f59e0b));box-shadow:0 18px 50px rgba(15,23,42,.09)}
.soq-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.soq-head h2,.soq-result h2{margin:.25rem 0 .4rem;font-size:clamp(1.55rem,4vw,2.25rem)}.soq-head p{margin:0;max-width:650px}.soq-kicker,.soq-category{font-size:.78rem;font-weight:800;letter-spacing:.11em;color:#b45309}.soq-count{white-space:nowrap;font-weight:800;padding:.5rem .8rem;border-radius:999px;background:rgba(245,158,11,.14)}
.soq-progress{height:8px;margin:1.25rem 0;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.25)}.soq-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#ea580c);transition:width .25s ease}
.soq-card{padding:clamp(1rem,3vw,1.6rem);border-radius:18px;background:var(--card,#fff);border:1px solid rgba(148,163,184,.24)}.soq-card h3{margin:.55rem 0 1rem;font-size:clamp(1.15rem,3vw,1.45rem);line-height:1.35}.soq-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.soq-options button{min-height:52px;padding:.8rem 1rem;text-align:left;border:1px solid rgba(148,163,184,.45);border-radius:12px;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer}.soq-options button:hover:not(:disabled),.soq-options button:focus-visible{border-color:#f59e0b;background:rgba(245,158,11,.09)}.soq-options button.correct{border-color:#15803d;background:rgba(34,197,94,.13)}.soq-options button.wrong{border-color:#b91c1c;background:rgba(239,68,68,.11)}
.soq-feedback{min-height:1.5rem;margin-top:1rem;line-height:1.5}.soq-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem}.soq-nav button,.soq-restart{min-height:44px;padding:.7rem 1.1rem;border-radius:12px;border:1px solid rgba(148,163,184,.45);font:inherit;font-weight:750;cursor:pointer}.soq-next,.soq-restart{background:#c2410c!important;color:#fff!important;border-color:#c2410c!important}.soq-next:disabled{opacity:.45;cursor:not-allowed}.soq-result{text-align:center;padding:2.5rem 1rem}.soq-result p{margin:.6rem auto 1.25rem;max-width:560px}
@media(max-width:650px){.so-quiz{margin:1.25rem .75rem;padding:1rem;border-radius:18px}.soq-head{display:block}.soq-count{display:inline-block;margin-top:.8rem}.soq-options{grid-template-columns:1fr}.soq-nav{align-items:stretch}.soq-nav button{flex:1}}