/* ============================================================================
 * apprun.icu — guide photographs                                guide-photo.css
 * ----------------------------------------------------------------------------
 * Loaded only by guides that carry a real photograph: a "hero" block in the
 * front matter, or an <img> in the article body. Kept out of article.css so
 * every other guide page stays byte-identical (its ?v= hashes do not move).
 * Built by includes/guides-build.php.
 * ==========================================================================*/

/* hero photograph, in place of the voxel scene ------------------------------------ */
.guide .thero-photo { position: relative; z-index: 1; margin: 0; }
.guide .thero-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border: 2px solid var(--line-2); border-radius: var(--r-md); background: #fff; }
.guide .thero-photo figcaption { margin-top: 10px; font-size: 0.84rem; line-height: 1.5; color: var(--ink-3); max-width: 60ch; }
@media (max-width: 860px) { .guide .thero-photo { order: -1; } .guide .thero-photo img { aspect-ratio: 16 / 9; max-height: 240px; } }
@media print { .guide .thero-photo { display: none !important; } }

/* in-body photographs inside the figure plates ------------------------------------- */
.plate > img { display: block; width: 100%; max-width: 640px; height: auto; margin-inline: auto; border-radius: 2px; }