/* MEF Quizzes: site layer on house.css */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hidden{display:none}
.meta{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.9rem;color:#4a5568}
.quiz{max-width:46rem;margin:1.5rem 0 3rem}
.quiz-start{margin:1rem 0}
.progress{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#0A244B;margin:0 0 .4rem}
.bar{height:6px;background:#dfe4ee;border-radius:3px;margin-bottom:1.2rem;overflow:hidden}
.bar .fill{display:block;height:100%;background:#B13630}
.w0{width:0}.w1{width:10%}.w2{width:20%}.w3{width:30%}.w4{width:40%}.w5{width:50%}.w6{width:60%}.w7{width:70%}.w8{width:80%}.w9{width:90%}.w10{width:100%}
.qform fieldset{border:0;padding:0;margin:0 0 1rem;min-width:0}
.qtext{font-family:Newsreader,Georgia,serif;font-size:1.35rem;line-height:1.35;color:#0A244B;margin-bottom:1rem;padding:0}
.qtext:focus{outline:none}
.opt{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;margin:.5rem 0;border:1px solid #c9d1df;border-radius:6px;background:#fff;cursor:pointer;font-family:"IBM Plex Sans",system-ui,sans-serif;overflow-wrap:anywhere}
.opt input{margin-top:.25rem;flex:none;width:1.1rem;height:1.1rem;accent-color:#0A244B}
.opt:focus-within{outline:3px solid #B13630;outline-offset:2px}
.opt.is-correct{border-color:#1d6b3a;background:#eaf6ee}
.opt.is-correct span::after{content:" (correct answer)";font-weight:600}
.opt.is-wrong{border-color:#B13630;background:#fbeceb}
.opt.is-wrong span::after{content:" (your answer)";font-weight:600}
.feedback{margin-top:1rem;padding:1rem 1.1rem;border-left:4px solid #0A244B;background:#F4F6FA}
.feedback:focus{outline:3px solid #B13630;outline-offset:2px}
.verdict{font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:700;margin-top:0}
.verdict.ok{color:#1d6b3a}.verdict.no{color:#9b2c27}
.error{color:#9b2c27;font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:600}
.src{font-size:.92rem;overflow-wrap:anywhere}
.btn.ghost{background:transparent;color:#0A244B;border:2px solid #0A244B}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #B13630;outline-offset:2px}
.score{font-family:Newsreader,Georgia,serif;font-size:2rem;color:#0A244B}
.score:focus{outline:none}
.review{padding-left:1.4rem}
.review li{margin:0 0 1.2rem;padding-left:.3rem}
.review .kq,.key .kq{font-weight:600;color:#0A244B;margin-bottom:.2rem}
.mark{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.92rem;margin:.2rem 0}
.r-ok .mark{color:#1d6b3a}.r-no .mark{color:#9b2c27}
.insider{margin:2rem 0;padding:1.2rem;background:#0A244B;color:#fff;border-top:4px solid #B13630}
.insider h2{color:#fff;margin-top:0}
.insider .btn{background:#B13630;color:#fff}
.share{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.share a{display:inline-block;padding:.45rem .8rem;border:1px solid #0A244B;border-radius:4px;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.9rem}
.key{padding-left:1.4rem;max-width:48rem}
.key-item{margin-bottom:1.8rem;break-inside:avoid}
.key .opts li.correct{font-weight:600}
.excerpt{margin:.4rem 0 0;padding:.4rem .8rem;border-left:3px solid #c9d1df;color:#3a4556;font-size:.95rem}
.url{font-size:.8rem;color:#4a5568;overflow-wrap:anywhere}
.more{margin-top:2rem}
@media (prefers-reduced-motion: reduce){*{transition:none;animation:none;scroll-behavior:auto}}
@media print{header.site,footer.site,.topbar,.noprint,.skip,#mefs-spine,[class*="mefs"]{display:none}.key-item{page-break-inside:avoid}a{color:#000}.url{display:inline}}
.more{padding-left:1.2rem}.missed{margin:1rem 0}.missed-list li{margin:.4rem 0}.missed-list .src{display:inline}
header nav a{white-space:nowrap;display:inline-block}
