.quiz-page, .quiz-content { overflow-wrap: anywhere; }
.quiz-page .surface-card { margin-block: 1.25rem; }
.quiz-actions, .quiz-pagination { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; align-items: center; }
.quiz-page input:not([type="checkbox"]), .quiz-page textarea, .quiz-page select { max-width: 100%; min-height: 44px; }
.quiz-page button, .quiz-page .button { min-height: 44px; }
.quiz-question-form fieldset { border: 1px solid #777; border-radius: .5rem; padding: 1rem; min-width: 0; }
.quiz-question-form fieldset[hidden] { display: none; }
.quiz-question-form legend { font-weight: 700; padding-inline: .35rem; }
.quiz-bank-copy { border-top: 1px solid #bbb; padding-block: 1rem; }
.quiz-remove { margin-top: 1rem; border-top: 1px solid #bbb; padding-top: 1rem; }
.quiz-error { padding: 1rem; border: 2px solid #8d2c0d; }
.quiz-text { white-space: pre-wrap; }
.quiz-question-list > li { padding-inline-start: .5rem; margin-block: 1.5rem; }
.quiz-options li { margin-block: .6rem; }
.quiz-answer-lines { min-height: 7rem; background: repeating-linear-gradient(to bottom, transparent 0, transparent 2rem, #777 2rem, #777 calc(2rem + 1px)); }
.quiz-print-body { margin: 0; color: #222; background: #f3f3f3; font: 16px/1.5 system-ui, sans-serif; overflow-wrap: anywhere; }
.quiz-print-body main { max-width: 760px; margin: 1rem auto; background: white; padding: 2rem; }
.quiz-print-body a { color: #743315; text-underline-offset: .2em; }
.quiz-print-body :focus-visible { outline: 3px solid #7a3b16; outline-offset: 4px; }
.quiz-print-controls { max-width: 760px; padding: 1rem; margin: auto; }
.quiz-print-controls button { font: inherit; margin: .5rem 1rem; padding: .7rem 1rem; min-height: 44px; cursor: pointer; }
.quiz-print-body h1 { font-size: 1.8rem; }
.quiz-print-body h2 { font-size: 1.3rem; }
.quiz-print-body h3 { font-size: 1.1rem; }
.quiz-print-body footer { border-top: 1px solid #999; margin-top: 2rem; padding-top: .75rem; font-size: .85rem; }
.quiz-print-body .quiz-content > h2 { display: none; }
.quiz-skip { position: absolute; top: -10rem; left: 1rem; padding: .8rem; background: white; }
.quiz-skip:focus { top: 0; }
@media (max-width: 600px) { .quiz-print-body main { margin: 0; padding: 1.2rem; } .quiz-name { line-height: 2.5; } }
@page { size: A4; margin: 16mm; }
@media print {
  .quiz-print-body { background: white; font-size: 11pt; }
  .quiz-print-body main { margin: 0; padding: 0; max-width: none; }
  .quiz-print-controls, .quiz-skip { display: none; }
  .quiz-print-question { break-inside: avoid; }
  .quiz-print-body h1, .quiz-print-body h2, .quiz-print-body h3 { break-after: avoid; }
  .quiz-answer-lines { background: none; min-height: 25mm; border-bottom: 1px solid #999; }
  .quiz-print-body footer { font-size: 9pt; }
}
@media (forced-colors: active) { .quiz-answer-lines { border-bottom: 1px solid CanvasText; } }