/* haut-v1.css — haut de page commun des pages v1 gardées (3/10/2026) :
   serveur-mcp.html, ressources.html, annuaire.html et annuaire/*.html.

   Ces pages chargent tokens.css + base.css + components.css, pas jl.css (son
   reset et ses jetons homonymes changeraient tout le reste de la page). Elles
   reprennent donc ICI, en clair, les MÊMES valeurs que le bloc « HAUT DE PAGE
   COMMUN » de jl.css :
     h1 30 px (27 px sous 600 px) · intro 14 px · saisie 16 px · bouton 11,5 px
     h1 → intro 12 px · intro → barre 24 px · barre → options → exemples 12 px
     exemples → premier bloc 48 px · titre de section 27 px
     haut de page : 32 px (20 px sous 900 px, 40 px sous 600 px, comme la v2)
   Rapport : scratchpad/audit/harmonie_v2_3oct.md */

.hero{padding:32px 48px 0;max-width:976px;margin:0 auto;text-align:center}
@media (max-width:900px){.hero{padding:20px 16px 0}}
@media (max-width:600px){.hero{padding-top:40px}}

.hero h1{font-family:var(--display);font-weight:400;font-size:1.9rem;line-height:1.15;
  color:var(--ink);margin:0 0 12px}
@media (max-width:600px){.hero h1{font-size:1.7rem}}
.hero h1 em{color:var(--teal);font-style:italic}

.hero h1 + p,.hero p.lead{font-size:.88rem;line-height:1.5;color:var(--muted);
  max-width:880px;margin:0 auto 24px}

/* Barre « copier l'adresse » de serveur-mcp : même gabarit que la barre de recherche. */
.endpoint{border:1.5px solid var(--teal);border-radius:4px}
.endpoint code{padding:12px 16px;font-size:1rem;line-height:24px}
.endpoint button{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:0 22px;min-height:48px}
.badges{margin-top:12px}

/* Exemples / sources sous la barre */
.hero .jl-v1-hint{font-size:.78rem;line-height:1.5;color:var(--muted);max-width:880px;margin:12px auto 0}
.hero .jl-v1-hint + .jl-v1-hint{margin-top:8px}

/* Premier bloc après le haut : 48 px ; tous les titres de section à 27 px. */
.wrap{padding-top:0}
.wrap > section.block:first-child{margin-top:48px}
section.block > h2{font-size:1.7rem}