.article-assessment{--aq-green:#193d35;--aq-orange:#c45323;scroll-margin-top:100px;direction:rtl;margin:48px 0 32px;padding:clamp(20px,4vw,38px);border:1px solid #e3d9c9;border-radius:22px;background:#faf5eb;color:#193d35;box-shadow:0 12px 32px #193d3508}
.article-assessment .assessment-kicker{display:block;color:#a9431b;font-size:.85rem;font-weight:800;letter-spacing:.02em}
.article-body .article-assessment h2{font-size:clamp(1.6rem,4vw,2.1rem);margin:8px 0 12px;padding:0;border:0;background:none;color:var(--aq-green)}
.article-assessment .assessment-heading p{font-size:1rem;line-height:1.9;margin:0 0 24px}
.article-assessment fieldset{min-width:0;margin:0 0 24px;padding:22px 18px 18px;border:1px solid #dfdfd2;border-radius:16px;background:#fff}
.article-assessment legend{float:none;max-width:100%;padding:0 7px;font-weight:700;line-height:1.8}
.article-assessment .assessment-number{display:block;color:#856347;font-size:.78rem;margin-bottom:5px}
.article-assessment .assessment-prompt{display:block;font-size:1.05rem;overflow-wrap:anywhere}
.article-assessment .assessment-option{display:flex;gap:12px;align-items:center;padding:12px 14px;margin:9px 0;border:1px solid #d8dfd7;border-radius:10px;background:#fff;color:#243d35;cursor:pointer;min-height:48px;line-height:1.6}
.article-assessment .assessment-option input{appearance:auto;flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--aq-green)}
.article-assessment .assessment-option span{min-width:0;overflow-wrap:anywhere}
.article-assessment .assessment-option:hover{background:#f6f8f2}
.article-assessment .assessment-option:has(input:checked){border-color:var(--aq-green);background:#edf3ec;box-shadow:0 0 0 1px var(--aq-green)}
.article-assessment .assessment-option:has(input:focus-visible){outline:3px solid #c45323;outline-offset:3px}
.article-assessment .assessment-option.is-correct{background:#e7f2e8;border-color:#347449;box-shadow:none}
.article-assessment .assessment-option.is-incorrect{background:#fff0e9;border-color:#ac4d28;box-shadow:none}
.article-assessment .assessment-feedback{padding:15px;margin-top:15px;border-inline-start:3px solid #c45323;background:#faf7f0;border-radius:6px;line-height:1.8}
.article-assessment .assessment-feedback p{font-size:.95rem;margin:6px 0}
.article-assessment .assessment-result{background:var(--aq-green);color:#fff;padding:24px;border-radius:14px;margin:20px 0}
.article-assessment .assessment-result h3{color:#fff;margin:0 0 8px;border:0;padding:0}
.article-assessment .assessment-result p{color:#fff;margin:0;font-size:1rem}
.article-assessment .assessment-result:focus-visible{outline:3px solid #c45323;outline-offset:4px}
.article-assessment .assessment-status{font-size:.9rem;margin:12px 0;color:#495e4e}
.article-assessment .assessment-actions{display:flex;gap:12px;flex-wrap:wrap}
.article-assessment .assessment-note{font-size:.8rem;color:#5c655b;line-height:1.8;margin:20px 0 0}
.article-assessment button{font-family:inherit;cursor:pointer;white-space:normal}
.article-assessment [hidden]{display:none!important}
@media(max-width:600px){.article-assessment{padding:20px 14px;border-radius:16px}.article-assessment fieldset{padding:16px 10px}.article-assessment button{width:100%}.article-assessment .assessment-prompt{font-size:1rem}}
@media print{.article-assessment{break-before:page;box-shadow:none}.article-assessment button,.article-assessment .assessment-status{display:none}.article-assessment fieldset{break-inside:avoid}.article-assessment .assessment-result{background:white;color:black}.article-assessment .assessment-result h3,.article-assessment .assessment-result p{color:black}}