#practice {max-width:65rem;margin:1.5rem auto;padding:0 1rem 3rem}
#practice [hidden] {display:none!important}
#practice label {display:block;margin:.6rem 0}
#practice input[type=checkbox],#practice input[type=radio] {margin-right:.4rem}
#practice select,#practice textarea,#practice button {font:inherit;padding:.55rem;max-width:100%}
#practice textarea {display:block;width:100%;box-sizing:border-box}
#practice button {cursor:pointer;margin:.25rem;border:1px solid #615078;border-radius:.3rem;background:#f3eff8;color:#241434}
#practice button:disabled {opacity:.5;cursor:default}
#practice :focus-visible {outline:3px solid #8b5200;outline-offset:3px}
.practice-controls,.practice-question,.feedback {border:1px solid #b5a8c3;border-radius:.4rem;padding:1rem;margin:1rem 0}
#subjects {display:flex;flex-wrap:wrap;gap:0 1rem}
#question-nav {display:flex;flex-wrap:wrap}
#question-nav [aria-current=true] {background:#4b2e83;color:white}
.practice-question p,.options span {white-space:pre-wrap;overflow-wrap:anywhere}
.practice-paging {display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.feedback {background:#f4f4f4;color:#161616}
#pending {font-weight:bold}
.practice-exhibit {margin:1rem 0}
.exhibit-scroll {overflow-x:auto;max-width:100%}
.practice-exhibit img {display:block;width:100%;min-width:52rem;height:auto}
.practice-exhibit figcaption {margin:.5rem 0}
.exhibit-description p {white-space:pre-wrap}
.exhibit-dialog {width:min(96vw,90rem);max-width:96vw;max-height:92vh;overflow:auto;box-sizing:border-box;padding:1rem}
.exhibit-dialog img {min-width:70rem}
.exhibit-dialog::backdrop {background:rgb(0 0 0 / .5)}
@media(max-width:550px){#practice{padding:0 .6rem 2rem}.practice-controls,.practice-question{padding:.6rem}#subjects{display:block}.practice-controls select{width:100%}}

#practice table {border-collapse:collapse;width:100%}
#practice th,#practice td {padding:.6rem;border:1px solid #b5a8c3;text-align:left}
#practice caption {text-align:left;font-weight:bold;margin:.5rem 0}