/* Flettons v2 — specialist survey pages
   Sellers Survey, Single Defect Report, Remote Inspection Report, Party Wall Services.
   Loaded after site.css + surveys.css; holds only what those two lack. */

/* Avoid one-word last lines in short copy blocks */
.sec__intro, .feature p, .step p, .review p, .aside-card p, .spec__row dd { text-wrap: pretty; }

/* Steps on a dark section (site.css styles .steps for light grounds only) */
.sec--ink .steps { border-top-color: var(--line-dark); }
.sec--ink .step { border-right-color: var(--line-dark); border-bottom-color: var(--line-dark); }
.sec--ink .step p { color: var(--on-dark-muted); }
.sec--ink .step__n, .sec--ink .step__note { color: var(--accent-bright); }

/* Five-step variant */
@media (min-width: 1280px) {
  .steps--5 { grid-template-columns: repeat(5, 1fr); }
  .steps--5 .step { padding-right: 20px; margin-right: 20px; }
  .steps--5 .step:last-child { padding-right: 0; margin-right: 0; }
}
@media (min-width: 821px) and (max-width: 1279px) {
  .steps--5 .step:nth-child(4) { border-right: 0; margin-right: 0; }
}

/* Dark note card that sits inside a .features grid */
.feature--note { background: var(--ink); border-color: var(--ink); color: var(--on-dark); }
.feature--note .icon { --icon-accent: var(--accent-bright); }
.feature--note p { color: var(--on-dark-muted); }
.feature--note .link { color: var(--accent-bright); font-size: 0.95rem; }

/* Lists and labels inside the dark aside card */
.aside-card .eyebrow { margin-bottom: 0; }
.aside-card .checks { margin: 4px 0 4px; gap: 10px; }
.aside-card .checks li { color: var(--on-dark); font-size: 0.98rem; }

/* Keep hyphenated words in headings on one line */
.nobr { white-space: nowrap; }

/* Reviews heading */
.eyebrow--center { text-align: center; }
.eyebrow--center + .quote { margin-top: 10px; }

/* Squarer photo for a sticky split column (source photos are 16:9) */
.split__img--tall { aspect-ratio: 1; }
@media (max-width: 1279px) { .split__img--tall { aspect-ratio: 16 / 10; } }

/* Intro line under an h2 inside the .fit layout */
.fit .sec__intro { margin-top: 20px; }

/* Closing price band: fixed-price note under the figure */
.price-band__note { font-size: 0.9rem; color: var(--on-dark-muted); }
.price-band__actions p a { white-space: nowrap; }

/* Page-specific hero framing */
body.route-survey-defectDiagnosis .page-hero__bg { object-position: 60% 35%; }
body.route-survey-remoteConsultation .page-hero__bg { object-position: 50% 30%; }
body.route-survey-partyWallServices .page-hero__bg { object-position: 50% 60%; }
body.route-survey-sellerSurvey .page-hero__bg { object-position: 50% 40%; }