/* card-figures.css — the textbook figure shown on the answer side of a card.
 *
 * Figures come out of the book at wildly different shapes (ratios 0.40 to 2.62).
 * A single fixed frame letterboxed the tall ones into a sliver, so the renderer
 * emits per-image width/height instead and the CSS only bounds the maximum.
 * Never set `width:auto` here: inside the card's shrink-to-fit flex column it
 * collapses the whole card to ~38px.
 */
.cf-fig { margin: 14px 0 0; padding: 0; }
.cf-fig img {
  display: block;
  max-width: 100%; height: auto;
  background: #fff; border: 1px solid var(--rule); border-radius: 8px;
  cursor: zoom-in;
}
.cf-fig.zoom img { width: 100%; max-width: 100%; cursor: zoom-out; }
.cf-fig figcaption {
  margin-top: 6px; max-width: 560px;
  font-size: .78rem; line-height: 1.45; color: var(--ink-3);
}
.cf-fig figcaption b { color: var(--accent, var(--green)); font-family: 'JetBrains Mono', monospace; }