/* Shared header for the landing page (index.html) and the legal pages — builds on home.css.
   (Moved out of landing.css so every page using the new header loads it.) */

/* ═══ Nav ═════════════════════════════════════════════
   Three-link variant of the shared .nav pill (home.css).
   Figma (node 18425:8645): 729 × 56 pill, logo 28px from the
   left edge, link group centred in the pill with a 32px gap
   (For Patients · For Clinicians · For Health Systems), Contact
   104 × 40 sitting 8px from the right. Inactive links drop to 50%
   opacity; drop shadow only (no inner highlight edges).
   Desktop-only overrides — the mobile pill below 860px keeps
   home.css's layout. */
@media (min-width: 861px) {
  .nav {
    width: 729px;
    padding-left: 28px;
    box-shadow: var(--shadow-pill);
  }

  .nav__links {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    gap: 32px;
    padding: 0;
  }
  .nav__links a { opacity: 0.5; }
  .nav__links a:hover,
  .nav__links a:focus-visible,
  .nav__links a[aria-current="page"] { opacity: 1; }

  .nav__cta {
    width: 104px;
    margin-left: auto;
    padding: 0 26px 0 25px;
  }
}

/* Mobile pill — a third link pushes Contact and the open
   height down by one row (48px link + 8px gap = 56px):
   home.css 228 → 284 top, 300 → 356 open height. */
@media (max-width: 860px) {
  .nav__cta { top: 284px; }
  .nav.is-open { height: 356px; }
}

.nav__cta { letter-spacing: 0.2px; }