/* Screenshot placeholder styling (see book/AUTHORING.md §6, book/PAGE-CONTRACT.md).
   Renders a labeled dashed box until a real <img> is dropped in. The data-shot
   attribute is the shot ID / intended path and is grep-able for the shot list:
     grep -rho 'data-shot="[^"]*"' book/src | sort -u
*/
.shot {
  margin: 1.2rem 0;
}
.shot-ph {
  border: 2px dashed var(--fg, #888);
  border-radius: 6px;
  padding: 2.5rem 1rem;
  text-align: center;
  opacity: 0.6;
  font-style: italic;
}
.shot figcaption {
  text-align: center;
  opacity: 0.8;
  font-size: 0.9em;
  margin-top: 0.4rem;
}