/* Screenshot framing — crisp, clickable, uses full content width */
.md-typeset img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
  box-shadow: 0 2px 14px rgba(15, 30, 29, 0.10);
  cursor: zoom-in;
  display: block;
  width: 100%;
  height: auto;
  margin: 1.2em 0;
}

/* Slightly wider content column so screenshots render larger on 13" laptops */
@media screen and (min-width: 76.25em) {
  .md-grid { max-width: 68rem; }
}

/* Zoom overlay backdrop */
.glightbox-clean .gslide-description { display: none; }
.gclose { opacity: 0.85; }

/* A little hint that images are zoomable */
.md-typeset a > img { cursor: pointer; }