/* ===== Shared content-page components (auto-loaded on chrome pages after brand.css) =====
   Recurring bits consolidated here so pages don't re-declare them. Page-unique CSS still
   lives in a per-page stylesheet or the template. */

.wrap{max-width:980px;margin:0 auto;padding:0 22px 220px}   /* bottom clears the raised menu + mini pill */
/* Mobile (≤760): the pills drop near the bottom edge (brand.css), so standard pages need far less
   bottom clearance — reclaim ~70px. (Pages with their own .wrap padding — shop/photos/etc. — are
   tightened on their own page pass.) */
@media(max-width:760px){ .wrap{padding-bottom:calc(env(safe-area-inset-bottom) + 150px)} }

/* green uppercase sub-line under a page title / atop a card */
.lead{font-family:var(--disp);font-weight:500;text-transform:uppercase;color:var(--leaf);font-size:18px;text-align:center;margin-top:6px}