/* Same card treatment as electron counting, with room for guided drawings. */
#pagecontent .fluxional-quizzes { display: grid; gap: 1.5em; max-width: 80em; margin: 1.5em auto; }
.fluxional-card { min-width: 0; padding: 1.25em; border: 1px solid #aebdc7; border-top: 4px solid #356783; border-radius: .5em; background: #f5f8fa; }
.fluxional-card h4 { margin: 0 0 1em; }
.fluxional-card .fluxional-problem { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, 260px); gap: 1.5em; align-items: center; }
.fluxional-card .fluxional-figure { text-align: center; }
.fluxional-card img { max-width: 100%; height: auto; }
.fluxional-card p { background: transparent; margin-left: 0; }
.fluxional-card button { font: inherit; padding: .55em 1em; border: 1px solid #315a72; border-radius: .3em; color: white; background: #315a72; cursor: pointer; }
.fluxional-card button:disabled { opacity: .5; cursor: default; }
.fluxional-card :is(button, input):focus-visible { outline: 3px solid #b36800; outline-offset: 2px; }
.fluxional-card .fluxional-work { margin-top: 1.25em; padding-top: 1em; border-top: 1px solid #aebdc7; }
.fluxional-card h5 { font: bold 1em verdana, arial, helvetica; margin: 0 0 1em; }
.fluxional-card fieldset { padding: .75em; border: 1px solid #aebdc7; margin: 1em 0; }
.fluxional-card legend { font-weight: bold; }
.fluxional-card label { display: flex; align-items: baseline; gap: .5em; margin: .75em 0; cursor: pointer; }
.fluxional-card input { flex-shrink: 0; }
.fluxional-card .fluxional-feedback { padding: .75em; margin: 1em 0; border: 1px solid #aebdc7; background: white; }
.fluxional-card .fluxional-correct { border-left: 4px solid #18512b; }
.fluxional-card .fluxional-incorrect { border-left: 4px solid #8b2323; }
.fluxional-card .fluxional-controls { display: flex; flex-wrap: wrap; gap: .75em; margin-top: 1em; }
.fluxional-card .fluxional-complete { color: #18512b; font-weight: bold; }
.fluxional-card .fluxional-context table { width: 100%; }
.fluxional-card .fluxional-context tr { display: flex; flex-wrap: wrap; gap: 1em; }
.fluxional-card .fluxional-context td { flex: 1 1 200px; }
@media (max-width: 650px) { .fluxional-card .fluxional-problem { grid-template-columns: minmax(0, 1fr); } }

.fluxional-card h5 { scroll-margin-top: 110px; }