/* Study pages: pictures at a standard medium size; click one to see it full size (common/js/figzoom.js). */
main figure img { max-height: min(400px, 62vh); width: auto !important; max-width: 100%; margin-left: auto; margin-right: auto; object-fit: contain; }
main figure:has(> img) { text-align: center; }
main figure figcaption { text-align: left; }
.rm-fig-hero img, .yv-hfig img { max-height: min(360px, 52vh); }
@media (max-width: 640px) {
  main figure img { max-height: 240px; }
  .rm-fig-hero img, .yv-hfig img { max-height: 220px; }
}
main figure img.fz-on { cursor: zoom-in; }
.fz-ov { position: fixed; inset: 0; z-index: 3000; background: rgba(12,10,8,.88); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; cursor: zoom-out; }
.fz-ov img { max-width: 96vw; max-height: 84vh; width: auto; height: auto; object-fit: contain; background: #fff; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.fz-ov p { color: #f1ece4; font-size: .9rem; max-width: 820px; text-align: center; margin: 12px 0 0; line-height: 1.5; }
.fz-ov button { position: absolute; top: 12px; right: 14px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.15); color: #fff; font-size: 1.2rem; cursor: pointer; }