/* =========================================================
   HOME TIGHTEN — v179 (2026-10-04). CSS only, scoped to .home-v2. Loaded LAST (after 178).
   Goal: remove the large empty bands on the first screen so more of the page is visible without scrolling.
   Nothing is resized or restyled — only vertical gaps change:
     1. hero top padding        48 -> 24   (header -> headline)
     2. headline -> invite card 38 -> 14   (hero-heading gap + invite margin)
     3. invite -> stat strip    20 -> 14
     4. stat strip -> "Availability List" label  32+20 -> 16+12
     5. quick-jump chips -> next section  48+48 -> 18+22  (hero bottom padding + section top padding)
     6. rhythm between the other home sections  48 -> 32
   Rollback: remove the <link> to css/179-home-tighten.css in index.html.
   ========================================================= */
.home-v2{--hx-sec:32px;}

/* 1 + 5 (bottom half): hero */
.home-v2 .hero{padding:24px var(--hv-gut) 18px;}
/* 2: headline -> invite card (the card's own top margin was stacking on the flex gap) */
.home-v2 .hero-heading{gap:14px;}
.home-v2 .hero .pv-invite{margin:0 auto;}
/* 3: invite / search -> stat strip */
.home-v2 .ticker{margin-top:14px;}
/* 4: stat strip -> quick-jump block */
.home-v2 .hv2-jumps{margin-top:16px;padding-top:12px;gap:10px;}

/* 5 (top half) + 6: sections */
.home-v2 .hero + .section{padding-top:22px;}
.home-v2 .section,.home-v2 .section.tight{padding-top:var(--hx-sec);}
.home-v2 .hero + .section,.home-v2 .hero + .section.tight{padding-top:22px;}
.home-v2 .section-head{margin-bottom:16px;}

@media (max-width:1100px){
  .home-v2{--hx-sec:28px;}
  .home-v2 .hero{padding:16px var(--hv-gut) 16px;}
}
@media (max-width:640px){
  .home-v2{--hx-sec:24px;}
  .home-v2 .hero{padding:12px var(--hv-gut) 14px;}
  .home-v2 .hero-heading{gap:10px;}
  .home-v2 .ticker{margin-top:12px;}
  .home-v2 .hv2-jumps{margin-top:12px;padding-top:0;gap:8px;}
  .home-v2 .hero + .section,.home-v2 .hero + .section.tight{padding-top:18px;}
  .home-v2 .section-head{margin-bottom:12px;}
}

/* ---------- Visitor top bar = the real header ----------
   While the visitor preview is on screen the normal header.site is shown (it is hidden for the sign-in gate).
   Same element, same CSS (178-home-scale) as a signed-in user -> same look, position and sticky behaviour. */
body.site-gate-active.site-preview-active header.site{display:block!important;}