/* Marque Geoclimat : en-tête, pied de page et icône, communs à toutes les pages (accueil compris).
   Identité validée par Alexandre le 2026-10-02 : repère « isotherme » (piste A) aux couleurs de l'almanach (piste C),
   « Geo » en encre et « climat » en ambre, Literata pour la marque et les titres (Fraunces essayé puis écarté par Alexandre le 2026-10-02), IBM Plex Sans pour le menu (Instrument Sans retiré le 2026-10-06 : une famille de moins, polices servies par le site).
   Thème clair depuis le 2026-10-10 (08_docs/design.md §2) : en-tête et pied sur papier, champ de recherche sur blanc. */
:root{
  --m-fond:#f4efe4; --m-fond-2:#fff; --m-pied:#ede7d8; --m-texte:#16221f; --m-texte-2:#4e5d57; --m-lien:#16221f;
  --m-discret:#5c6763; --m-ligne:#e3dccb; --m-ligne-2:#cfc5ae; --m-ambre:#9c5923; --m-iso1:#60a096; --m-iso2:#e8d6a0; --m-iso3:#e59658;
  --m-f-marque:"Literata", Georgia, "Times New Roman", serif;
  --m-f-menu:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --m-f-texte:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --m-f-chiffre:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --m-pas:clamp(1rem,3vw,2.5rem);
}
.gc-filet{height:3px;background:linear-gradient(90deg,var(--m-iso1) 0%,var(--m-iso2) 45%,var(--m-iso3) 80%,var(--m-ambre) 100%)}
.gc-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.gc-entete{position:sticky;top:0;z-index:20;background:var(--m-fond)}
.gc-entete-in{max-width:90rem;margin:0 auto;height:4.25rem;padding:0 var(--m-pas);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2.6rem}
.gc-entete-in>.gc-marque{justify-self:start}
.gc-marque{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex:none}
.gc-marque svg{width:2.05rem;height:2.05rem;display:block}
.gc-nom{font:400 1.6rem/1 var(--m-f-marque);letter-spacing:-.01em;color:var(--m-texte)}
.gc-nom b{font-weight:500;color:var(--m-ambre)}
.gc-nav{display:flex;gap:2rem;align-self:stretch}
.gc-nav a{display:flex;align-items:center;padding-top:2px;border-bottom:2px solid transparent;font:500 .8rem/1 var(--m-f-menu);letter-spacing:.09em;text-transform:uppercase;color:var(--m-texte-2);text-decoration:none;white-space:nowrap;transition:color .15s}
.gc-nav a:hover{color:var(--m-texte)}
.gc-nav a[aria-current="page"]{color:var(--accent,var(--m-ambre));border-bottom-color:var(--accent,var(--m-ambre));font-weight:600}
.gc-cherche{position:relative;justify-self:end;width:min(19rem,100%)}
.gc-cherche-champ{display:flex;align-items:center;gap:.6rem;height:2.75rem;padding:0 1rem;background:var(--m-fond-2);border:1px solid var(--m-ligne-2);border-radius:1.4rem}
.gc-cherche-champ:focus-within{border-color:var(--m-ambre)}
.gc-cherche-champ svg{flex:none;color:var(--m-texte-2)}
.gc-cherche input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--m-texte);font:400 .95rem/1 var(--m-f-texte)}
.gc-cherche input::placeholder{color:var(--m-texte-2)}
.gc-liste{position:absolute;top:calc(100% + .4rem);left:0;right:0;list-style:none;margin:0;padding:.3rem;background:var(--m-fond-2);border:1px solid var(--m-ligne-2);border-radius:.8rem;box-shadow:0 12px 30px rgba(22,34,31,.18);max-height:22rem;overflow:auto}
.gc-liste:empty{display:none}
.gc-liste a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .75rem;border-radius:.5rem;color:var(--m-texte);text-decoration:none;font:400 .95rem/1.3 var(--m-f-texte)}
.gc-liste a:hover,.gc-liste a:focus-visible,.gc-liste a[aria-selected="true"]{background:var(--m-fond)}
.gc-liste small{font:400 .8rem/1.3 var(--m-f-chiffre);color:var(--m-texte-2)}

.gc-pied{position:relative;z-index:3;background:var(--m-pied);color:var(--m-texte-2)}
.gc-pied-in{max-width:90rem;margin:0 auto;padding:3.5rem var(--m-pas) 2.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}
.gc-pied-marque{display:flex;flex-direction:column;gap:1rem;min-width:0}
.gc-pied-marque .gc-marque svg{width:1.8rem;height:1.8rem}
.gc-pied-marque .gc-nom{font-size:1.45rem}
.gc-pied p{margin:0;font:400 .95rem/1.6 var(--m-f-texte);max-width:24rem}
.gc-pied h2{margin:0 0 .35rem;font:500 .78rem/1 var(--m-f-chiffre);letter-spacing:.14em;text-transform:uppercase;color:var(--m-ambre)}
.gc-pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.gc-pied ul a{font:400 .95rem/1.3 var(--m-f-texte);color:var(--m-lien);text-decoration:none}
.gc-pied ul a:hover{color:var(--m-ambre)}
.gc-pied-bas{max-width:90rem;margin:0 auto;padding:0 var(--m-pas) env(safe-area-inset-bottom,0px)}
.gc-pied-bas div{border-top:1px solid var(--m-ligne-2);padding:1.2rem 0 1.8rem;display:flex;justify-content:space-between;gap:.5rem 2rem;flex-wrap:wrap;font:400 .75rem/1.5 var(--m-f-chiffre);color:var(--m-discret)}

@media (max-width:1020px){
  .gc-entete-in{display:flex;flex-wrap:wrap;justify-content:space-between;height:auto;padding-block:.75rem;row-gap:.55rem;column-gap:1.5rem}
  .gc-nav{order:3;width:100%;align-self:auto;gap:1.3rem;overflow-x:auto;scrollbar-width:none}
  .gc-nav a{padding:.35rem 0}
  .gc-cherche{width:min(19rem,55%)}
  .gc-pied-in{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.gc-cherche{width:100%;order:2}.gc-pied-in{grid-template-columns:1fr;gap:2rem}.gc-nav{gap:1.1rem}.gc-nav a{font-size:.74rem;letter-spacing:.05em}}