/* Hugo-specific overrides on top of live.css. Things the original Rails app
   computed at request time (image widths from rendered output dimensions, etc.)
   that we approximate with CSS in the static build. */

/* Home/summary lead images: original site set inline width per-image from
   the rendered home-output dimensions. We don't have those in front matter,
   so cap at a reasonable max. Most home-rendered images are ~375x250. */
.story.summary .pf.pfR,
.story_full .pf.pfR {
  max-width: 375px;
}
.story.summary .pf.pfR img,
.story_full .pf.pfR img {
  max-width: 100%;
  height: auto;
}

/* Hugo paginator wrapper styling — site original uses .nav .older / .nav .newer */
.page-nav { display: flex; justify-content: space-between; margin: 24px 0; }
.page-nav .page-pos { color: #888; }

/* Gallery thumbnail strip — match the original 136px-tall strip layout */
.gallery-set { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.gallery-set a.gallery-thumb { display: block; }
.gallery-set a.gallery-thumb img { display: block; height: 136px; width: auto; }

.gallery-description { color: #555; font-style: italic; margin: 8px 0 16px; }

.asset-missing {
  display: inline-block; padding: 2px 6px; background: #fbb; color: #800;
  border: 1px solid #f88; font-size: 0.85em;
}