/* ==========================================================================
   Pre-Purchase Inspection page — owner-story quote block + inspection
   checklist styling. Everything else composes from main.css.
   ========================================================================== */

/* Width comes from the shared .prose class in main.css. */
.owner-story {
  margin: 0;
  border-left: 4px solid var(--briggs-blue);
  padding-left: var(--s4);
}
.owner-story p {
  font-size: 1.1rem;
}
.owner-story cite {
  display: block;
  margin-top: var(--s3);
  font-style: normal;
  font-weight: 700;
  color: var(--briggs-blue);
}

.checklist {
  display: grid;
  gap: var(--s3);
  margin: var(--s4) 0 0;
}
.checklist li {
  position: relative;
  padding-left: 2rem;
}
.checklist li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 800;
  color: var(--briggs-blue);
}
.band-navy .checklist li::before {
  color: var(--sun);
}

/* The two client photos on this page are the biggest showcase evidence —
   stack one per row, centered, full-column up to native width (1000/998,
   2x upscale). img width:100%/height:auto is inherited from main.css
   .photo-frame img. */
.photo-row { flex-direction: column; align-items: center; }
.photo-row .photo-frame { width: 100%; max-width: min(100%, 1000px); }