.media-grid .media-slot.media-real {
  display:flex; flex-direction:column; justify-content:flex-start;
  gap:18px; min-height:0; height:auto; aspect-ratio:auto;
  padding:22px; background:#f6f2e9;
}
.media-real .app-screenshot-link {
  display:block; position:relative; flex:none; width:100%; max-width:544px; height:auto;
  aspect-ratio:544/700; margin-inline:auto; line-height:0; box-shadow:none;
  border:1px solid #d7d0c4; border-radius:8px; overflow:hidden; background:#f3efe6;
}
.media-real .app-screenshot-link img {
  display:block; position:absolute; inset:0 auto auto 0; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; box-shadow:none;
}
.app-screenshot-link:focus-visible { outline:2px solid #514b3c; outline-offset:4px; }
.video-slot.app-video-real {
  display:flex; align-items:center; justify-content:center;
  padding:24px; min-height:0; background:#e7e1d6; aspect-ratio:auto;
}
.app-video-real video {
  display:block; width:auto; max-width:100%; max-height:560px;
  background:#f3efe6; border:1px solid #d7d0c4; border-radius:8px;
}
.app-demo-note,.app-demo-transcript {
  font-size:12px; line-height:1.6; color:#625d52; margin-top:16px;
}
.app-demo-transcript summary { cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:700px) {
  .media-grid .media-slot.media-real { padding:18px; }
  .media-real .app-screenshot-link { max-width:420px; }
  .video-slot.app-video-real { padding:16px; }
}

/* Hide the Chrome background and edge antialiasing inside the screenshot frame. */
.capture-gallery .app-screenshot-link {max-width:482px;aspect-ratio:482/939;box-shadow:none;}
.capture-gallery .app-screenshot-link:has(img[height="959"]) {aspect-ratio:482/937;}
.capture-gallery .app-screenshot-link img {position:absolute;inset:auto;left:-1.659751%;top:-1.064963%;width:103.734440%;max-width:none;aspect-ratio:auto;box-shadow:none;}

/* Keep the landscape Capture video proportional on small screens. */
.capture-video-real video {width:100%;max-width:1120px;height:auto;max-height:none;aspect-ratio:16/9;}