/* Created: 18:22 25-Aug-2026 */
/* Updated: 06:48 26-Aug-2026 — hero min-height -> --svc-hero-h token */
/* /home-lab-test/ — rebuilt. Was 5,394px with three orphan photo bands and the whole
   body inside one 3,456px section. This page is THIN (6 blocks, 334 words) and its copy
   is flowing prose with no lists, so the work here is typographic shape and alternating
   rhythm rather than revealing hidden structure. See _build/render_labtest.py. */

.lt-note{color:var(--text-medium)}
.lt-prose p+p{margin-top:16px}
.lt-prose a{color:var(--accent)}
.lt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.lt-hero{min-height:var(--svc-hero-h)}
.lt-hero .svc-hero-media img{object-position:50% 48%}
.lt-hero-lede{color:var(--paper-64);margin-top:18px}
@media (max-width:767px){.lt-hero{min-height:var(--svc-hero-h-sm)}}

/* two-column bands that ALTERNATE, so a short page does not run the same shape twice */
.lt-intro{padding-block:var(--sec-m) var(--sec-s)}
.lt-nurses{padding-block:var(--sec-s) var(--sec-m)}
.lt-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;
  align-items:center}
.lt-split-text .lt-prose{margin-top:18px}
.lt-split-media{margin:0;border-radius:16px;overflow:hidden;background:var(--surface-card)}
.lt-split-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:440px;
  object-fit:cover;object-position:50% 45%}

/* the call band — the client wrote their own CTA into an <h2>; make it look like one */
.lt-call{padding-block:var(--sec-s)}
.lt-call-inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;
  align-items:center;padding:44px 48px;border-radius:18px;background:var(--bg-two);
  border:1px solid var(--border-faint)}
.lt-call-text .lt-prose{margin-top:16px}
.lt-call-aside{text-align:left}
.lt-phone{display:inline-block;font-size:44px;line-height:1.05;font-weight:600;
  letter-spacing:-1px;color:var(--text-strong);text-decoration:none;
  font-variant-numeric:tabular-nums}
.lt-phone:hover{color:var(--accent)}
.lt-call-aside .lt-actions{margin-top:22px}

/* Why choose. This is ONE short paragraph (766 chars). The first version used a 5/7
   sticky-column layout built for long copy and left 308px of dead space under the text
   - measured, and Sumit called it out. Now: image left, heading and copy right, both
   vertically CENTRED, so the slack becomes symmetric breathing room instead of a hole. */
.lt-why{padding-block:var(--sec-m);background:var(--bg-two)}
.lt-why-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;
  align-items:center}
.lt-why-head{display:flex;flex-direction:column;justify-content:center}
.lt-why-media{margin:0;border-radius:16px;overflow:hidden;background:var(--surface-card)}
.lt-why-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:400px;
  object-fit:cover;object-position:50% 45%}
.lt-why-body{font-size:17px;line-height:1.72;margin-top:18px}

.lt-cta{padding-block:var(--sec-m)}
.lt-cta-note{margin-top:18px}

@media (max-width:899px){
  .lt-split,.lt-call-inner,.lt-why-grid{grid-template-columns:1fr;gap:32px}
  .lt-call-inner{padding:28px 24px}
  .lt-phone{font-size:34px}
  /* keep the image first on the flipped band so mobile reads image, then text */
  .lt-split--flip .lt-split-media{order:-1}
}