/* press-build figure v1.3 (2026-10-23). Copied into a page's own img/ folder only when the page has a figure,
   so pages without images and the shared stylesheet stay exactly as they are. Tokens from sites/shared/tokens.css. */
.prose .figure, .figure { margin: var(--s6) 0; max-width: var(--measure); }
.figure--wide, .prose .figure--wide { max-width: none; }
.figure img { width: 100%; height: auto; border: var(--rule-thin) solid var(--ink); background: var(--ink); }
.figure__link { display: block; text-decoration: none; }
.figure__link:hover img, .figure__link:focus-visible img { outline: var(--rule-section) solid var(--red); outline-offset: 0; }
.figure figcaption {
  border-top: var(--rule-section) solid var(--red); margin-top: var(--s2); padding-top: var(--s2);
  font-family: var(--font-display); font-size: var(--label-size); line-height: 1.5; color: var(--ink-soft);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s1) var(--s4);
}
.figure__caption { font-weight: 600; color: var(--ink); }
.figure__credit { letter-spacing: 0.08em; text-transform: uppercase; }
@media print {
  .figure { break-inside: avoid; }
  .figure img { max-height: 70vh; width: auto; max-width: 100%; }
}