/* Practice layout and quotations; component colors live in the course SCSS. */
/* Reserve a toolbar row so enlargement controls cannot cover figure labels. */
.wh-exam-practice .quarto-figure > .qfp-toolbar {
  height: 2.7rem;
}

/* Source quotations stay quieter than the solution and question headings. */
.wh-exam-practice .callout-body blockquote {
  background: color-mix(in srgb, var(--wh-primary) 3%, var(--wh-paper));
  border: 1px solid var(--wh-line);
  border-inline-start: 3px solid color-mix(in srgb, var(--wh-primary) 35%, var(--wh-line));
  border-radius: 0.2rem;
  color: inherit;
  font-size: inherit;
  font-style: normal;
  margin: 0.8rem 0 1.2rem;
  padding: 0.8rem 1rem;
}

.wh-exam-practice .callout-body blockquote > :last-child {
  margin-bottom: 0;
}

@media (max-width: 575.98px) {
  /* Let long models scroll within their table, preserving words and numbers. */
  .wh-exam-practice .quarto-float-tbl > div[aria-describedby] {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .wh-exam-practice table {
    table-layout: auto;
    max-width: none;
  }

  .wh-exam-practice th,
  .wh-exam-practice td {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .wh-exam-practice td[style*="text-align: right"] {
    white-space: nowrap;
  }

  .wh-exam-practice .callout-body blockquote {
    padding: 0.65rem 0.75rem;
  }
}