.article-quiz{margin:1rem 0 2rem;padding:1.25rem;border:1px solid #cbd5e1;border-radius:1rem;background:#f8fafc;color:#0f172a;clear:both}
.article-quiz [hidden]{display:none!important}
.article-quiz .article-quiz__eyebrow{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.1em;font-weight:700;color:#475569}
.article-quiz h2{margin:0 0 .5rem;font-size:1.25rem;line-height:1.35;letter-spacing:normal}
.article-quiz .article-quiz__hint{margin:0 0 1rem;font-size:.875rem;color:#475569;line-height:1.5}
.article-quiz .article-quiz__progress{margin:0 0 .25rem;font-size:.75rem;color:#475569}
.article-quiz .article-quiz__question{margin:0 0 .75rem;font-weight:650;line-height:1.4}
.article-quiz__options{display:flex;flex-wrap:wrap;gap:.5rem}
.article-quiz button{min-height:44px;max-width:100%;padding:.55rem .85rem;border:1px solid #94a3b8;border-radius:1.25rem;background:#fff;color:#1e293b;font:inherit;font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.article-quiz button:hover{border-color:#4338ca;background:#eef2ff}
.article-quiz button:focus-visible,.article-quiz a:focus-visible{outline:3px solid #4338ca;outline-offset:3px}
.article-quiz button[aria-pressed=true]{background:#4338ca;border-color:#4338ca;color:#fff}
.article-quiz button:disabled{cursor:default;opacity:.65}
.article-quiz .article-quiz__status{margin:.75rem 0 0;font-size:.875rem;line-height:1.5}
.article-quiz .article-quiz__status:empty{display:none}
.article-quiz__status[data-error=true]{color:#991b1b}
.article-quiz .article-quiz__retry{margin-top:.75rem}
.article-quiz .article-quiz__done{margin:.75rem 0 0;line-height:1.6}
.article-quiz a{color:#3730a3;text-decoration:underline}
.article-quiz__detail{margin-top:1rem;max-width:38rem}
.article-quiz__detail label{display:block;font-weight:600;margin-bottom:.5rem}
.article-quiz__detail input{width:100%;min-height:44px;border:1px solid #94a3b8;border-radius:.5rem;padding:.6rem .75rem;background:#fff;color:#0f172a;font:inherit;box-sizing:border-box}
.article-quiz__detail input:focus-visible{outline:3px solid #4338ca;outline-offset:3px}
.article-quiz__detail p{margin:.5rem 0 .75rem;font-size:.8rem;line-height:1.5;color:#475569}
@media(max-width:480px){.article-quiz{padding:1rem}.article-quiz__options{flex-direction:column;align-items:stretch}}