/* Match the electron-counting and fluxional cards; retain chapter typography. */
#pagecontent .om-quiz-card { max-width: 80em; box-sizing: border-box; margin: 1.5em auto; padding: 1.25em; border: 1px solid #aebdc7; border-top: 4px solid #356783; border-radius: .5em; background: #f5f8fa; text-align: left; }
.om-quiz-card h4 { margin: 0 0 1em; }
.om-quiz-card p { background: transparent; margin-left: 0; }
.om-quiz-card img { max-width: 100%; height: auto; }
.om-quiz-card fieldset { padding: .75em; border: 1px solid #aebdc7; margin: 1em 0; }
.om-quiz-card legend { font-weight: bold; }
.om-quiz-card label { display: flex; align-items: baseline; gap: .5em; margin: .75em 0; cursor: pointer; }
.om-quiz-card input { flex-shrink: 0; }
.om-quiz-card button, .om-quiz-card summary { font: inherit; padding: .55em 1em; border: 1px solid #315a72; border-radius: .3em; color: white; background: #315a72; cursor: pointer; }
.om-quiz-card summary { width: fit-content; }
.om-quiz-card details { margin-top: 1em; }
.om-quiz-card button:disabled { opacity: .5; cursor: default; }
.om-quiz-card :is(button, input, summary):focus-visible { outline: 3px solid #b36800; outline-offset: 2px; }
.om-quiz-card .om-quiz-feedback, .om-quiz-card .om-quiz-solution { padding: .75em; margin: 1em 0; border: 1px solid #aebdc7; background: white; }
.om-quiz-card .om-quiz-correct { border-left: 4px solid #18512b; }
.om-quiz-card .om-quiz-incorrect { border-left: 4px solid #8b2323; }
.om-quiz-card .om-quiz-solution > p:first-child, .om-quiz-card .om-quiz-feedback > p:first-child { margin-top: 0; }