/* =============================================================
   JobPhotos-PMO.css
   Internal version: V1 | 2026-08-02 CST

   THE FIELD-PHOTO STYLESHEET. Covers the ~225 auto-generated job-photo posts
   (the CompanyCam sightings under Location-Gallery), which are noindexed and are
   never hand-designed.

   WHY IT EXISTS
   Measured in the browser on 2026-08-02: a job-photo post matched 15 rules and
   980 bytes of the 200KB legacy sheet. One percent. Every one of those 225 posts
   was pulling the entire legacy stylesheet to use a kilobyte of it, and it was one
   of the two things keeping that sheet alive.

   These are the exact 15 rules, copied verbatim, nothing rewritten.

   WHY THE BASE RULES ARE DUPLICATED HERE RATHER THAN PUT IN THE CHROME SHEET
   The :root block and the reset genuinely are site-wide and belong in the chrome
   sheet eventually. They are NOT there yet on purpose: the legacy and v2 sheets
   disagreed about --blue-pale until 2026-08-02, when Sam chose the newer #E0EAF2 and
   the legacy sheet was changed to match. They now agree, so the hoist is no longer
   blocked by a colour argument. It is still a separate job with its own verification,
   and until then this copy, scoped to job photos, changes nothing for any other page.

   The footer is deliberately absent: it lives once, in snippets/header-footer.css,
   which loads on every page including these.
   ============================================================= */

/* --- base: variables and reset, as the legacy sheet defines them --- */
:root { --blue: #2E86AB; --blue-d: #1d6a8a; --blue-l: #4FA8CC; --blue-pale: #E0EAF2; --navy: #0D2137; --yellow: #F5A623; --yellow-d: #D4861A; --text: #1A2A3A; --muted: #5A7A8A; --border: #C8DDE8; }

*, ::before, ::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }

@media (max-width: 768px) {
  body { padding-bottom: 54px; }
}

/* --- theme furniture these posts hide (GeneratePress meta and featured image) --- */
.single-post .entry-header .entry-meta { display: none !important; }
.single-post .wp-post-image { display: none !important; }
.single-post #nav-below,
.single-post footer.entry-meta { display: none !important; }

/* --- the photo post itself --- */
.pic-post-wrap { max-width: 760px; margin: 0px auto; padding-bottom: 40px; }
.pic-post-img { width: 100%; height: auto; display: block; border-radius: 8px; margin-bottom: 20px; }
.pic-post-body { font-size: 16px; line-height: 1.75; color: var(--text); }
.pic-post-body p { margin-bottom: 16px; }

@media (max-width: 600px) {
  .pic-post-img { border-radius: 4px; }
  .pic-post-body { font-size: 15px; }
}