/* ENGENDRE par construire-theme.py depuis 04-contenu/ressources.src.html. */
/* --- propre à la page ---
   Version 3 du 17/09/2026, sur les réponses recommandées de l'atelier des
   pages (pages-restantes.md) : ni les trois compteurs (ils ne disaient plus la
   même chose que la page Sources) ni la phrase sur le contrôle automatique
   (règle du 18/08 : on le fait, on ne le dit pas) ; plus de section du
   dossier réglementaire, qui reste un document interne. Haut de page en texte
   seul, comme Contact et la sous-page BREEAM. Les quatre fiches en colonnes à
   filets, chacune avec son pictogramme : pas de photo tant qu'il n'a pas
   choisi celles des fiches (atelier photos-pages, les vignettes les
   reprendront). La lumière naturelle en coupe : le rayon entre par la baie
   et s'arrête avant le fond du plateau, le sujet de la fiche (une fenêtre
   vue de face se lisait comme un chevalet). La sous-page BREEAM et HQE sur
   une bande d'encre (« le BREEAM
   doit clairement apparaître »). Le recueil des sources en quelques lignes.
   La fiche mesure et vérification reste hors ligne : pas de lien.
   Une seule trame : le texte de droite de la bande et des rangs part sur la
   deuxième colonne des fiches. La version 2 est dans _archives/. */
.page{--ecart:clamp(28px,4vw,72px)}

/* le haut de page, en texte seul */
.tete-page{padding-block:calc(var(--respire) * 1.6) 0}
.tete-page h1{font-size:clamp(2rem,3.6vw,3.6rem);line-height:1;letter-spacing:-.045em;margin:0;max-width:16ch;text-wrap:balance}
.tete-page .accroche{margin:clamp(16px,1.8vw,28px) 0 0;max-width:54ch;font-size:clamp(1.1875rem,1.4vw,1.45rem);line-height:1.5;text-wrap:pretty}

/* les fiches : le titre est le lien */
.fiches h3 a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}

/* la sous-page BREEAM et HQE, sur l'encre : le titre à gauche, le texte et
   le bouton sur la deuxième colonne des fiches à partir de 1100 px */
#certification{margin-top:clamp(44px,5vw,96px)}
.detail{display:grid;row-gap:clamp(16px,1.8vw,28px)}
.detail h2{font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1.04;letter-spacing:-.035em;margin:0;max-width:16ch;text-wrap:balance}
.detail p{margin:0;max-width:56ch;font-size:var(--t-base);line-height:1.6;text-wrap:pretty}
.detail .detail__suite{margin-top:var(--s5)}
/* 21/09 : un seul bouton par page, « Nous contacter » ; tout autre renvoi
   est un lien souligné (même règle que .certif__suite sur Conception). */
.detail .detail__suite a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
/* les crochets du bouton, à la couleur du texte de la bande */
.encre .btn::before,.encre .btn::after{border-color:var(--ground)}
@media (min-width:1100px){
  .detail{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ecart);align-items:start}
}

/* le recueil : le rang à gauche, son rôle sur la deuxième colonne */
@media (min-width:761px){
  .recueil .rangees{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ecart)}
  .recueil .rangees p{grid-column:2}
}
.recueil__note{margin:clamp(24px,2.6vw,40px) 0 0;max-width:62ch;text-wrap:pretty}