/* ===== Lumen v10 FINAL-PATCH: apply after lumen-all.css on preview 4577b52b =====
   Polish only. No copy, structure or locked items changed. Order matters. */

/* 1. Locked logo at full size on every width (removes the 379px/359px shrink in styles.css ~1672-1673).
   Builders: delete those two lines; this override covers it until then. 177x22 at 320/360/390. */
@media(max-width:379px){.brand img.logo-trim{height:22px!important;width:auto!important}}

/* 2. Headings: no one-word last lines (balance), body copy avoids orphans (pretty) */
h1,h2,h3{text-wrap:balance}
main p,main li,footer{text-wrap:pretty}

/* 3. Fractional HR H1 at 641px and up: "Without the / full-time hire." instead of a lone "hire." */
@media(min-width:641px){.svc-main h1{max-width:14ch!important}}

/* 4. Book H1: "Book a free / 20-minute / HR check" at every width instead of a lone "check" */
body.pg-book .pagehead .wrap>h1{max-width:9ch!important}

/* 5. Plan cards in the 2x2 tablet grid: one card height across both rows (431/436 to 436/436) */
@media(min-width:641px) and (max-width:1099px){.tc-4{grid-auto-rows:1fr}}

/* 6. Insights filter chips: 40px to 44px touch target */
.ins-chip{min-height:44px}

/* 7. Phone sticky Book bar: same 12px side inset as the swipe track at every phone width, plus iPhone home-bar clearance */
@media(max-width:767px){.sticky-book{padding:10px 12px max(10px,env(safe-area-inset-bottom))!important}}

/* 8. Footer separator: only takes effect once Builders wrap the " ·" in <span class="sep" aria-hidden="true">·</span>
   (markup, not copy). Stops the dot dangling at the end of "Utah, remote-first ·" when the line stacks under 375px. */
.foot-meta .sep{margin-inline:.35em}
@media(max-width:374px){.foot-meta .sep{display:none}}


/* 9. Header Book pill from 481px to 599px: it wraps to 2 lines at 150x43, 1px short of the 44px hamburger beside it.
   Match the hamburger height and tighten the 2 lines so both controls share one 44px row. */
@media(min-width:481px) and (max-width:599px){header .nav-mobile-book{min-height:44px;padding-block:5px!important;line-height:1.12;display:inline-flex;align-items:center;text-align:center;text-wrap:balance}}

/* Lumen v12 REVIEW (73d3666f) optional fix: footer separator spacing */
.foot-meta .sep{margin-inline:16px 0}

/* v15: Book item in the open mobile menu only */
.nav-links a.nav-menu-book{display:none}
@media (max-width:860px){.nav-links a.nav-menu-book{display:block;font-weight:700}}

/* v18 case cards: superseded by CASE-CARDS.css (Lumen v18e spec). Kept: .case-home top margin, results/bridge CTA spacing. */
.case-home{margin-top:24px}
#results .cta-row,#bridge .cta-row{margin-top:24px}
/* v18 Bridge steps reuse the existing /people-audit .pt-steps component (copied rules, scoped). */
#bridge .pt-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0;margin:0}
#bridge .pt-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1.5px solid var(--ink);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-hard)}
#bridge .pt-steps .n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--marigold);color:var(--ink);font-family:var(--disp);font-weight:800;display:flex;align-items:center;justify-content:center}
#bridge .pt-steps h3{font-size:1.15rem;margin:0 0 8px;color:var(--ink)}
#bridge .pt-steps p{color:var(--body);line-height:1.6;margin:0}
@media (max-width: 900px){#bridge .pt-steps{grid-template-columns:1fr}}
#bridge .pt-steps{margin:20px 0}
/* v18b: proof strip now has 5 stats; the lead stat spans 2 columns so rows stay full (3-col desktop, 2-col mobile). */
.proof .stat-grid.stat-even .stat.is-lead{grid-column:span 2}
