/* ==========================================================================
   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(--terracotta);
  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(--cool);
}

.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(--terracotta);
}
.band-cool-deep .checklist li::before {
  color: var(--sunset);
}

/* The two client photos on this page are the biggest showcase evidence —
   stack one per row, centered, up to 700px (native 500/499, well under the
   1.5x ceiling). */
.photo-row { flex-direction: column; align-items: center; }
.photo-row .photo-frame { width: 100%; max-width: min(100%, 700px); }
.photo-row .photo-frame img { width: 100%; height: auto; }