/* A SCREENSHOT'S FRAME (ui/Screenshot.astro, which brings this file; Maayan, 2026-11-08: "add round corners. drop shadow
   and a very very light stroke"): the frame rounds its corners (--g-r-shot, his one exception to the square corners) and
   clips the picture to them; a deep soft shadow under it (--g-shadow-shot: a lifted shadow is too faint on the night;
   Maayan: "give the image drop shadow") and a hairline of faint light around it, both one box-shadow so the stroke
   follows the corners. Tokens only. */
.g-shot { margin: 0; border-radius: var(--g-r-shot); overflow: hidden; background: var(--g-surface); box-shadow: 0 0 0 var(--g-hair) var(--g-on-dark-line), var(--g-shadow-shot); }
.g-shot img { display: block; width: 100%; height: auto; }