/* Quiz layout only; the chapter's existing fonts and sizes are retained. */
#pagecontent .electroncount-quizzes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5em; align-items: start; margin: 1.5em 0; }
.electroncount-quiz { min-width: 0; padding: 1.25em; border: 1px solid #aebdc7; border-top: 4px solid #356783; border-radius: .5em; background: #f5f8fa; scroll-margin-top: 110px; }
.electroncount-quiz h4 { margin: 0 0 1em; }
.electroncount-quiz .electroncount-question { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1em; align-items: center; }
.electroncount-quiz .electroncount-structure { text-align: center; }
.electroncount-quiz img { max-width: 100%; height: auto; }
.electroncount-quiz .electroncount-structure img { max-height: 180px; width: auto; object-fit: contain; }
.electroncount-quiz .electroncount-fields { display: grid; gap: .75em; }
.electroncount-quiz label { display: block; font-weight: bold; margin-bottom: .3em; }
.electroncount-quiz :is(button, select) { font: inherit; }
.electroncount-quiz select { width: 100%; max-width: 10em; padding: .35em; }
.electroncount-quiz button { padding: .55em 1em; border: 1px solid #315a72; border-radius: .3em; color: white; background: #315a72; cursor: pointer; }
.electroncount-quiz button:disabled { opacity: .5; cursor: default; }
.electroncount-quiz :is(button, select):focus-visible { outline: 3px solid #b36800; outline-offset: 2px; }
.electroncount-quiz p { background: transparent; margin-left: 0; }
.electroncount-quiz .electroncount-question-note { margin: 1em 0; }
.electroncount-quiz .electroncount-result { margin-top: 1em; padding: .75em; border: 1px solid #aebdc7; background: white; text-align: left; }
.electroncount-quiz .electroncount-result p { margin: 0 0 .5em; }
.electroncount-quiz .electroncount-result ul { margin: 0; padding-left: 1.5em; }
.electroncount-quiz .electroncount-result li { margin: .5em 0; }
.electroncount-quiz .electroncount-correct { color: #18512b; }
.electroncount-quiz .electroncount-incorrect { color: #8b2323; }
.electroncount-quiz .electroncount-solution { margin-top: 1em; }
.electroncount-quiz .electroncount-methods { display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; }
.electroncount-quiz .electroncount-methods table { border: 1px solid #aebdc7; border-collapse: collapse; background: white; }
.electroncount-quiz .electroncount-methods :is(td, th) { padding: .45em .65em; border: 1px solid #aebdc7; }
.electroncount-quiz .electroncount-methods th { text-align: left; font-weight: normal; }
.electroncount-quiz .electroncount-methods tr:last-child :is(th, td) { font-weight: bold; background: #e7eef2; }
.electroncount-quiz .electroncount-methods td { text-align: right; white-space: nowrap; }
.electroncount-quiz caption { font-weight: bold; padding: .4em; }
.electroncount-quiz .electroncount-note { display: flex; flex-wrap: wrap; gap: 1em; align-items: center; }
.electroncount-quiz .electroncount-note > div { flex: 1 1 160px; }
@media (max-width: 700px) { #pagecontent .electroncount-quizzes { grid-template-columns: minmax(0, 1fr); } }
#pagecontent .electroncount-instructions { font-size: 14px; }