.science-tool { max-width: 54rem; margin-bottom: 2.5rem; }
.science-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; }
.science-controls label, .science-key-choice { display: grid; gap: .2rem; font-weight: 650; }
.science-tool select, .science-new {
  min-height: 3.25rem;
  max-width: 100%;
  padding: .6rem .75rem;
  border: 1px solid var(--site-line);
  border-radius: .55rem;
  background: var(--site-paper);
  color: var(--site-ink);
  font: inherit;
}
.science-tool button { cursor: pointer; font-family: inherit; }
.science-key-choice { display: inline-grid; margin-top: .8rem; }
.science-status { margin: .25rem 0 .6rem; color: var(--site-muted); min-height: 1.4em; }
.science-sheet, .science-answers {
  border: 1px solid var(--site-line);
  border-radius: .65rem;
  background: white;
  padding: clamp(1.1rem, 4vw, 2.1rem);
}
.science-sheet h2, .science-answers h2 { margin: 0 0 .65rem; line-height: 1.2; }
.science-sheet ol, .science-answers ol { padding-inline-start: 1.55em; margin: 0; }
.science-sheet li, .science-answers li { margin-bottom: .6rem; break-inside: avoid; }
.science-answers { margin-top: .85rem; padding: .7rem 1rem; }
.science-answers summary { min-height: 2.75rem; padding-block: .55rem; font-weight: 650; cursor: pointer; }
.science-answers div { padding-top: .5rem; }
.science-writing { display: block; min-height: 1.7rem; border-bottom: 1px solid #939e91; }

@media (max-width: 31rem) {
  .science-controls label, .science-controls button { width: 100%; }
}

@media print {
  @page { size: A4; margin: 13mm; }
  .science-controls, .science-key-choice, .science-status, .science-answers,
  body:has(.science-tool) .statistics-preference { display: none !important; }
  .science-tool, .science-sheet, .science-answers { margin: 0; padding: 0; max-width: none; border: 0; color: black; }
  .science-tool { font-size: 11pt; line-height: 1.4; }
  .science-writing { min-height: 8mm; border-color: #777; }
  .science-tool[data-print-mode="key"] .science-sheet { display: none; }
  .science-tool[data-print-mode="key"] .science-answers,
  .science-tool[data-print-mode="both"] .science-answers { display: block !important; }
  .science-tool[data-print-mode="both"] .science-answers { break-before: page; }
  .science-answers summary { display: none; }
}