:root{--fgr-prune:#2e2512;--fgr-prune-vif:#45411d;--fgr-prune-clair:#6e5b34;--fgr-rose-sombre:#dac08f;--fgr-brume:#ebe3a1;--fgr-papier:#fcd3b4;--fgr-filet:#c99e7e;--fgr-gris-prune:#5a3d28;--fgr-creme:#fcf8f4;--fgr-encre:#140e08}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Wix Madefor Text',system-ui,sans-serif;color:var(--fgr-prune);background:var(--fgr-papier);font-size:17px;line-height:1.72;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Vollkorn',Georgia,serif;letter-spacing:-.01em;font-weight:400}
img{display:block;max-width:100%;height:auto}
a{color:var(--fgr-prune-vif);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.fgr-page{max-width:1140px;margin:0 auto;padding:0 18px}

/* ---------------- masthead collant ---------------- */
.fgr-entete{border-bottom:1px solid var(--fgr-filet);background:var(--fgr-papier);position:sticky;top:0;z-index:20}
.fgr-entete-ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:15px 0;gap:14px}
.fgr-marque{font-family:'Vollkorn',Georgia,serif;font-size:1.28rem;color:var(--fgr-prune);letter-spacing:-.02em}
.fgr-marque:hover{text-decoration:none;color:var(--fgr-prune-vif)}
.fgr-menu a{color:var(--fgr-gris-prune);font-weight:600;font-size:.9rem;margin-left:26px}
.fgr-menu a:hover{color:var(--fgr-prune-vif);text-decoration:none}

/* ---------------- ouverture ---------------- */
.fgr-ouverture{background:var(--fgr-brume);border-bottom:1px solid var(--fgr-filet);padding:52px 0 56px}
.fgr-ouverture-grille{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.fgr-ouverture-volet{min-width:0}
.fgr-etiquette{display:inline-block;background:var(--fgr-prune-vif);color:var(--fgr-papier);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:2px;margin-bottom:20px}
.fgr-titre-ouverture{font-size:clamp(1.95rem,3.4vw,2.7rem);line-height:1.12;margin-bottom:20px}
.fgr-titre-ouverture em{font-style:normal;color:var(--fgr-prune-vif)}
.fgr-accroche{font-size:1.13rem;color:var(--fgr-gris-prune);max-width:36rem;font-weight:300}
.fgr-reperes{display:flex;gap:34px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid var(--fgr-filet)}
.fgr-repere strong{display:block;font-family:'Vollkorn',Georgia,serif;font-size:1.5rem;color:var(--fgr-prune);line-height:1.2;font-weight:400}
.fgr-repere span{font-size:.82rem;color:#946d4f}
.fgr-illustration img{width:100%;border-radius:3px}
.fgr-cartouche{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:var(--fgr-rose-sombre);border-radius:3px}
.fgr-cartouche span{font-family:'Vollkorn',Georgia,serif;font-size:4.4rem;color:var(--fgr-prune-vif);line-height:1}

/* ---------------- colonne de lecture ---------------- */
.fgr-corps{padding:58px 0 8px}
.fgr-colonne{max-width:45rem}
.fgr-colonne p{margin-bottom:1.3rem;color:var(--fgr-gris-prune)}
/* Le chapô tient seul : fond crème, corps plus gros, filet vertical. La grammaire de ce
   moteur l'impose, et un chapô qui se confond avec le premier paragraphe la trahirait. */
.fgr-chapo{background:var(--fgr-creme);border-left:4px solid var(--fgr-prune-clair);padding:22px 26px;margin-bottom:32px}
.fgr-chapo p{font-size:1.16rem;line-height:1.6;color:var(--fgr-prune);margin:0;font-weight:300}
.fgr-section-titre{font-size:1.52rem;line-height:1.24;margin:2.4rem 0 .8rem;scroll-margin-top:84px}
.fgr-sous-titre{font-size:1.14rem;margin:1.8rem 0 .5rem}

/* ---------------- sommaire d'ancres ---------------- */
.fgr-sommaire{border:1px solid var(--fgr-filet);border-radius:3px;background:var(--fgr-creme);padding:18px 22px;margin:0 0 34px}
.fgr-sommaire-titre{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fgr-prune-clair);margin-bottom:11px}
.fgr-sommaire-liste{list-style:none;margin:0;counter-reset:clairiere}
.fgr-sommaire-liste li{counter-increment:clairiere;padding:5px 0;border-bottom:1px solid #f0e3d4;font-size:.95rem}
.fgr-sommaire-liste li:last-child{border-bottom:0}
.fgr-sommaire-liste li:before{content:counter(clairiere) ". ";color:var(--fgr-prune-clair);font-weight:600}
.fgr-sommaire-liste a{color:var(--fgr-gris-prune)}

/* ---------------- notice de relevé ---------------- */
.fgr-notice{border:1px solid var(--fgr-filet);border-radius:3px;background:var(--fgr-creme);margin:0 0 34px;overflow:hidden}
.fgr-notice-titre{background:var(--fgr-rose-sombre);color:var(--fgr-prune);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:10px 20px}
.fgr-notice-ligne{display:grid;grid-template-columns:13rem 1fr;gap:16px;padding:11px 20px;border-top:1px solid #f0e3d4}
.fgr-notice-intitule{font-size:.84rem;color:var(--fgr-prune-clair);font-weight:600;margin:0}
.fgr-notice-valeur{margin:0;color:var(--fgr-gris-prune);font-size:.96rem}
.fgr-variantes{list-style:none;margin:0 0 1.3rem}
.fgr-variantes li{position:relative;padding-left:24px;margin-bottom:8px;color:var(--fgr-gris-prune)}
.fgr-variantes li:before{content:"\2014";position:absolute;left:0;color:var(--fgr-prune-clair)}

/* ---------------- planche de vignettes ---------------- */
.fgr-planche{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid var(--fgr-prune);padding-bottom:12px;margin:60px 0 28px}
.fgr-planche-titre{font-size:1.45rem;margin:0}
.fgr-planche-note{font-size:.85rem;color:var(--fgr-gris-prune);font-weight:600;text-align:right}
.fgr-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fgr-grille-quatre{grid-template-columns:repeat(4,1fr);gap:20px}
.fgr-vignette{border:1px solid var(--fgr-filet);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;background:var(--fgr-papier);transition:box-shadow .18s,transform .18s}
.fgr-vignette:hover{box-shadow:0 10px 26px rgba(46,37,18,.14);transform:translateY(-2px)}
.fgr-vignette-image{background:var(--fgr-rose-sombre);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.fgr-vignette-image img{width:100%;height:100%;object-fit:cover}
.fgr-vignette-image span{font-family:'Vollkorn',Georgia,serif;font-size:2.3rem;color:var(--fgr-prune-vif)}
.fgr-vignette-corps{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}
.fgr-vignette-rubrique{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--fgr-prune-vif);margin-bottom:9px}
.fgr-vignette-titre{font-size:1.1rem;line-height:1.32;margin-bottom:9px}
.fgr-vignette-titre a{color:var(--fgr-prune)}
.fgr-vignette-titre a:hover{color:var(--fgr-prune-vif);text-decoration:none}
.fgr-vignette-resume{font-size:.93rem;color:var(--fgr-gris-prune);flex:1;margin-bottom:14px;font-weight:300}
.fgr-vignette-lien{font-size:.79rem;font-weight:600;color:var(--fgr-prune-clair)}
.fgr-vignette-lien:after{content:" \2192"}

/* ---------------- mise au point ---------------- */
.fgr-mise-au-point{background:var(--fgr-prune);color:#e6deb7;padding:60px 0;margin-top:68px}
.fgr-mise-au-point h2{color:var(--fgr-papier);font-size:1.85rem;margin-bottom:10px}
.fgr-mise-au-point p{margin-bottom:1.3rem;font-weight:300;max-width:44rem}
.fgr-mise-au-point-surtitre{color:var(--fgr-prune-clair);font-size:.86rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
.fgr-exergue{border-left:3px solid var(--fgr-prune-clair);padding-left:22px;font-family:'Vollkorn',Georgia,serif;font-size:1.2rem;color:var(--fgr-papier);line-height:1.55;margin:28px 0}
.fgr-liste-nue{list-style:none;margin:0;max-width:30rem}
.fgr-liste-nue li{padding:10px 0;border-bottom:1px solid var(--fgr-filet)}

/* ---------------- pied ---------------- */
.fgr-pied{background:var(--fgr-encre);color:#a99e69;padding:40px 0;font-size:.9rem}
.fgr-pied-grille{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.fgr-pied-titre{font-family:'Vollkorn',Georgia,serif;color:var(--fgr-papier);font-size:.92rem;margin-bottom:12px}
.fgr-pied a{color:#d4c990}
.fgr-pied p{margin-bottom:5px}

@media(max-width:1000px){.fgr-grille-quatre{grid-template-columns:repeat(2,1fr)}.fgr-grille{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
.fgr-ouverture-grille{grid-template-columns:1fr;gap:30px}
.fgr-grille,.fgr-grille-quatre{grid-template-columns:1fr}
.fgr-pied-grille{grid-template-columns:1fr}
/* Sans min-width:0 ni passage à la ligne, le menu — quatre libellés sur une seule ligne —
   déborde du viewport : un élément flex ne se réduit pas sous la largeur de son contenu,
   et c'est toute la page qui défile alors horizontalement. */
.fgr-menu{flex:1 1 100%;min-width:0}
.fgr-menu a{margin-left:0;margin-right:20px;display:inline-block}
.fgr-notice-ligne{grid-template-columns:1fr;gap:2px}
}
/* Titres mesurés au navigateur à 375 px : au-delà de deux lignes un intitulé cesse de se
   lire d'un coup d'œil. C'est la taille qui descend, pas l'intitulé qu'on raccourcit —
   l'intitulé porte du sens. */
@media(max-width:480px){
.fgr-titre-ouverture{font-size:1.95rem}
.fgr-section-titre{font-size:1.22rem}
.fgr-planche-titre{font-size:1.2rem}
.fgr-mise-au-point h2{font-size:1.45rem}
.fgr-planche{flex-wrap:wrap}
.fgr-planche-note{text-align:left}
}