/* BerryHistoryPhotos (9 Nov 2026): the old /our-history photos in About's history section (lib/views.js HISTORY_PHOTOS). Loaded by /about
   only, so every other page's weight is unchanged (tests/guard-page-weight.cjs). width/height on each img keep its box (no layout shift); a thin
   frame in the theme's own line colour and a gold rule under it, so Dark, Light and Warm all follow the theme. #history clears the sticky
   header when /our-history lands on /about#history. */
#history{scroll-margin-top:calc(var(--bar-h) + var(--s3))}
.hist-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin:var(--s4) 0;padding:0;list-style:none}
.hist-fig{margin:var(--s4) 0}
.hist-pair .hist-fig{margin:0}
.hist-fig img{display:block;width:100%;height:auto;border:1px solid var(--line-ui);border-bottom:3px solid var(--gold);border-radius:var(--r-sm);background:var(--bg2)}
.hist-fig figcaption{margin-top:var(--s2);font-size:var(--t-1);color:var(--muted)}
.hist-tall{max-width:420px;margin-inline:auto}
@media (max-width:520px){.hist-pair{gap:var(--s2)}.hist-tall{max-width:85%}}