/* ── Images: wider in content, click to view full-size ── */

/* Make images fill the content column */
.md-typeset img {
  max-width: 100%;
  cursor: zoom-in;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
}

/* Lightbox overlay */
.img-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.85);
  cursor: zoom-out;
  align-items: center;
  justify-content: center;
}

.img-lightbox.active {
  display: flex;
}

.img-lightbox img {
  max-width: 95vw;
  max-height: 95vh;
  object-fit: contain;
  border: none;
  border-radius: 4px;
  cursor: zoom-out;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}