/* Rod Inspects: Wave B (service pages) component styles. Howard, 2026-10-07.
   Loaded AFTER site.css on the 7 service pages only (/our-services/ + 6 service pages).
   Kept separate from site.css because three page waves were built in parallel; Claude Code can fold
   these rules into site.css later (then drop the extra <link> and bump ?v= on every page). */

/* Content split with the photo/review column aligned to the top of the text (long lists) */
.split-top{align-items:start}
.side-photos{display:grid;gap:20px;position:sticky;top:110px}
.side-photos .ph-photo{min-height:300px;border-radius:18px}
.side-reviews{position:sticky;top:110px}

/* One review placeholder in a half-width column (site.css .reviews is a 3-column grid) */
.reviews.reviews-1{grid-template-columns:minmax(0,1fr)}

/* Service cards on /our-services/ carry a photo placeholder above the heading */
.card .ph-photo{min-height:150px;margin:0 0 18px;border-radius:10px}

/* Prose sections without a side column: comfortable reading width */
.sec .prose .checks li{line-height:1.55}
.sec-navy .prose{max-width:860px}
.sec-navy .prose p{color:rgba(255,255,255,.94)}
.sec-navy .prose strong{color:#fff}

/* "Related services" line inside the navy final CTA band */
.final-cta .related{margin:30px auto 0;font-size:15.5px;color:rgba(255,255,255,.94)}
.final-cta .related span{font-weight:700;color:#fff;margin-right:4px}
.final-cta .related a{color:var(--link-on-navy);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.final-cta .related a:hover{color:#fff}

@media (max-width:900px){
  .side-photos,.side-reviews{position:static}
  .side-photos .ph-photo{min-height:220px}
}

/* Field photos (Beth's uploads 2026-11-01): real photos in former .ph-photo slots. Never upscaled (sizes ≤ natural width);
   captions describe the scene only and name nobody (Beth 2026-10-14 caption rule). */
.field-photo{margin:0}
.field-photo img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}
.field-photo figcaption{margin:10px 2px 0;font-size:14.5px;line-height:1.45;color:var(--body)}
.card-field-photo{margin:0 0 18px}
.card-field-photo img{border-radius:10px;box-shadow:none}