/* ==========================================================================
   single-helios_expertise.php — fiche d'expertise (README §7.3)
   --------------------------------------------------------------------------
   Presque rien : tout ce que cet écran dessine est déjà porté ailleurs.
   La barre d'ancres vient de `blocks/sommaire-ancres.css`, les caractéristiques
   de `blocks/liste-specs.css`, la FAQ de `blocks/accordeon-faq.css` — trois
   feuilles que WordPress enfile parce que les blocs sont rendus. La grille et
   la colonne latérale viennent de `templates/parts.css`.

   Ne reste que la ligne de titre du bas de page (titre + lien « Toutes les
   réalisations »), que le prototype nomme `.news__head` dans une feuille de
   bloc qui n'est pas chargée ici.
   ========================================================================== */
.head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:clamp(26px,3vw,40px);}
/* Le prototype force la taille du H2 DANS cette ligne de titre
   (`.news__head h2`, style.css 310) : 46px à 1440, là où `.h2--sm` en rend 36.
   Sans ce port, la ligne mesurait 39px au lieu de 51 — douze pixels relevés au
   Lot 7ter en re-superposant la fiche. Les autres valeurs (`flex-end`, gap 28)
   sont alignées sur la même règle, pour la même raison. */
.head-row h2{margin:0;font-size:clamp(26px,3.4vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.018em;}

/* --------------------------------------------------------------------------
   Lot 7ter — une section de BLOC dans la colonne de la fiche

   Depuis que la fiche porte ses prestations (`helios/grille-cartes`) et que
   les caractéristiques et la FAQ passent par le chrome de section du Lot 7bis,
   trois `<section><div class="wrap">…</div></section>` tombent DANS une
   colonne de grille — un contexte que ni le Lot 7bis (page pleine largeur) ni
   le prototype (qui n'écrit pas de section ici) n'avaient rencontré.

   Deux conséquences, mesurées au navigateur contre `expertises.html` :

   1. le `.wrap` interne rajoute la gouttière `--pad` que le `.wrap` parent a
      déjà posée : les prestations, les caractéristiques et la FAQ rentraient
      de 56px par rapport au périmètre juste au-dessus. Même famille de défaut
      que le §5.1 du Lot 7bis, dans l'autre contexte de `page.css` ;
   2. le chrome rend son titre en `<h2 class="h2">` (42px), là où le prototype
      écrit `<h3 class="h3">` (22px). Le NIVEAU reste h2 — c'est bien une
      section de la page, et le sommaire d'ancres la liste à ce titre ; seule
      la TAILLE suit la maquette.

   Le sélecteur est descendant : `.two--aside-320` est elle-même un `.wrap`,
   qu'un sélecteur descendant ne peut pas atteindre. Tout `.wrap` qu'il attrape
   est donc, par construction, un wrap imbriqué.
   -------------------------------------------------------------------------- */
.two--aside-320 .wrap{max-width:none;padding-left:0;padding-right:0;}
.two--aside-320 section > .wrap > .h2{font-size:22px;line-height:1.3;letter-spacing:-.01em;}

/* Sauts d'ancre : le prototype pose `.anchor{scroll-margin-top:170px}` sur
   chacune de ses quatre sections, faute de quoi le sommaire COLLANT recouvre
   la cible qu'il vient d'atteindre. Le thème ne peut pas ajouter d'enveloppe —
   le contenu vient de l'éditeur — donc la règle porte sur ce qui porte l'ancre :
   le titre du périmètre, et les trois sections de bloc. */
.two--aside-320 [id]{scroll-margin-top:170px;}