/* ==== 00-fonts.css ==== */
/* Polices locales (woff2). Gloock 400 : titres. Hanken Grotesk 400-700 (variable) : lecture, interface ET tous les chiffres. */
@font-face{font-family:'Gloock';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/gloock-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Gloock';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/gloock-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(../../fonts/hanken-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ==== 01-base.css ==== */
/* ========== Jetons de la direction artistique (mode clair uniquement) ========== */
:root{
	--sr-porcelaine:#FAF7EF; --sr-rang:#E9EEDB; --sr-theier:#123A2C; --sr-theier-profond:#0E2B21;
	--sr-encre:#1A1D18; --sr-laterite:#A8381C; --sr-laterite-fonce:#8A2C14; --sr-bourgeon:#B9D35A;
	--sr-vanille:#F3E6C8; --sr-doux:#56604F; --sr-carte:#FFFFFF;
	--sr-ombre-1:0 2px 6px rgba(18,58,44,.08),0 10px 24px rgba(18,58,44,.08);
	--sr-ombre-2:0 18px 50px rgba(18,58,44,.18),0 4px 12px rgba(18,58,44,.10);
	--sr-feuille-carte:18px 56px 18px 56px; --sr-feuille-une:16px 80px 16px 80px;
	--sr-titre:'Gloock',Georgia,'Times New Roman',serif;
	--sr-texte:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	--sr-conteneur:1240px; --sr-gouttiere:32px; --sr-marge:24px; --sr-entete:76px;
	/* variables des blocs figés (--sb-*) : seul l'habillage change */
	--sb-conteneur:1240px; --sb-lecture:720px; --sb-rail:320px; --sb-gouttiere:40px;
	--sb-accent:#A8381C; --sb-accent-clair:#B9D35A; --sb-encre:#1A1D18; --sb-doux:#56604F;
	--sb-filet:rgba(18,58,44,.14); --sb-fond-carte:#FFFFFF; --sb-surf:#E9EEDB;
	--sb-fonce:#123A2C; --sb-sur-fonce:#FAF7EF;
	--sb-rayon:18px; --sb-rayon-grand:20px;
	--sb-ombre:var(--sr-ombre-1); --sb-ombre-forte:var(--sr-ombre-2);
	--sb-titre:var(--sr-titre); --sb-texte:var(--sr-texte);
}
@media (max-width:640px){:root{--sr-marge:24px;--sr-entete:60px;--sb-gouttiere:24px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--sr-porcelaine);color:var(--sr-encre);font:400 18px/1.65 var(--sr-texte);font-variant-numeric:tabular-nums lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
@media (max-width:640px){body{font-size:17px}}
img,svg,video{max-width:100%;height:auto;display:block}
img{background:var(--sr-rang)}
a{color:var(--sr-laterite);text-underline-offset:3px}
a:hover{color:var(--sr-laterite-fonce)}
:focus-visible{outline:3px solid var(--sr-laterite);outline-offset:3px;border-radius:4px}
.sr-bande--sombre :focus-visible,.sr-pied :focus-visible{outline-color:var(--sr-bourgeon)}
h1,h2,h3,h4{font-family:var(--sr-titre);font-weight:400;color:var(--sr-encre);margin:0;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
b,strong{font-weight:700}
button,input,textarea{font:inherit}
.sr-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sr-evitement{position:absolute;left:12px;top:-60px;z-index:100;background:var(--sr-theier);color:#fff;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600}
.sr-evitement:focus{top:10px;color:#fff}
.sr-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-conteneur{width:100%;max-width:calc(var(--sr-conteneur) + 2*var(--sr-gouttiere));margin-inline:auto;padding-inline:var(--sr-gouttiere)}
@media (max-width:640px){.sr-conteneur{padding-inline:var(--sr-marge)}}
@media (min-width:1700px){:root{--sr-conteneur:1320px}}
.sr-centre{text-align:center}
.sr-accent{color:var(--sr-laterite)}
.sr-principal{display:block}

/* Titres */
h1,.sr-h1{font-size:clamp(34px,4vw,54px);line-height:1.08}
h2{font-size:clamp(30px,3.3vw,44px);line-height:1.1}
h3{font-size:clamp(22px,2vw,26px);line-height:1.2}
@media (min-width:1700px){h1{font-size:60px}h2{font-size:50px}h3{font-size:28px}}
.sr-surtitre{font:600 12.5px/1.3 var(--sr-texte);text-transform:uppercase;letter-spacing:.16em;color:var(--sr-laterite);margin:0 0 14px}
.sr-surtitre--clair{color:var(--sr-bourgeon)}
.sr-chapo{font-size:21px;line-height:1.5;color:var(--sr-doux);max-width:46em}
.sr-bande--sombre .sr-chapo{color:rgba(250,247,239,.86)}
@media (max-width:640px){.sr-chapo{font-size:18px}}

/* Boutons (APCA : blanc/latérite 86, blanc/théier 102, théier foncé/bourgeon 70) */
.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:1.5px solid transparent;font:600 16px/1.2 var(--sr-texte);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.sr-btn:hover{transform:translateY(-2px);box-shadow:var(--sr-ombre-1)}
.sr-btn--laterite{background:var(--sr-laterite);color:#fff}
.sr-btn--laterite:hover{background:var(--sr-laterite-fonce);color:#fff}
.sr-btn--theier{background:var(--sr-theier);color:#fff}
.sr-btn--theier:hover{background:var(--sr-theier-profond);color:#fff}
.sr-btn--contour{border-color:var(--sr-theier);color:var(--sr-theier);background:transparent}
.sr-btn--contour:hover{background:var(--sr-theier);color:var(--sr-porcelaine)}
.sr-btn--bourgeon{background:var(--sr-bourgeon);color:#0F2A20}
.sr-btn--bourgeon:hover{background:#c6e06a;color:#0F2A20}
.sr-btn--petit{min-height:42px;padding:9px 20px;font-size:15px}
.sr-btn--plein{width:100%}
.sr-btn--long{white-space:normal;text-align:center}
.sr-lien{font-weight:600;text-decoration:none}
.sr-lien--laterite{color:var(--sr-laterite)}
.sr-lien--laterite:hover{color:var(--sr-laterite-fonce);text-decoration:underline}
.sr-lien--theier{color:var(--sr-theier);text-decoration:underline}

/* Pastilles, pilules */
.sr-pilule{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--sr-rang);color:var(--sr-theier);font:600 13px/1.3 var(--sr-texte)}
.sr-pilule--blanche{background:rgba(255,255,255,.96);color:var(--sr-theier)}
.sr-pastille{display:inline-block;width:40px;height:40px;border-radius:999px;background:var(--sr-theier);position:relative;flex:none}
.sr-pastille::after{content:"";position:absolute;inset:9px;background:var(--sr-porcelaine);-webkit-mask:var(--sr-ico) center/contain no-repeat;mask:var(--sr-ico) center/contain no-repeat}
.sr-pastille--bourgeon{--sr-ico:url(../../images/ico-bourgeon.svg);background:var(--sr-bourgeon)}
.sr-pastille--bourgeon::after{background:var(--sr-theier)}
.sr-pastille--feuille{--sr-ico:url(../../images/ico-feuille.svg)}
.sr-pastille--grande{width:52px;height:52px}
.sr-pastille--grande::after{inset:12px}
.sr-pastille--cheval{position:absolute;left:24px;top:-20px;z-index:2;box-shadow:0 0 0 4px var(--sr-theier)}

/* Fonds : rangs de théiers, lambrequin */
.sr-bande{position:relative;padding:64px 0 72px}
.sr-bande--rang{background:var(--sr-rang)}
.sr-bande--rang::before,.sr-fiche::before{content:"";position:absolute;inset:0;background:url(../../images/motif-rangs.svg) left bottom/1200px 176px repeat;pointer-events:none}
.sr-bande--rang>*{position:relative}
.sr-bande--sombre{background:var(--sr-theier);color:var(--sr-porcelaine);padding-top:80px}
.sr-bande--sombre h2,.sr-bande--sombre h3{color:var(--sr-porcelaine)}
.sr-bande--sombre::before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:var(--sr-pend,var(--sr-porcelaine));-webkit-mask:url(../../images/motif-lambrequin.svg) repeat-x left top/28px 24px;mask:url(../../images/motif-lambrequin.svg) repeat-x left top/28px 24px}
.sr-bande__tete{margin-bottom:28px}
.sr-bande__tete--centre{text-align:center}
.sr-bande__tete--centre .sr-chapo{margin-inline:auto}
.sr-bande__tete--ligne{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sr-bande__tete--ligne .sr-surtitre{margin-bottom:8px}
@media (max-width:640px){.sr-bande{padding:44px 0 52px}.sr-bande--sombre{padding-top:68px}.sr-bande__tete--ligne{flex-direction:column;align-items:flex-start;gap:12px}}

/* ==== bloc-single-article.css ==== */
/*
 * BLOC FIGÉ — ARTICLE (thématique) — CSS
 * Origine : curieux-du-web.com, theme/style.css, règles `.cdw-article*` /
 * `.cdw-fil-ariane` / `.cdw-a-lire` / `.cdw-carte*` (renommées `.sbt-*` ici).
 * Couleurs/polices/espacements uniquement en `var(--sb-*, repli)` : un site neuf peut
 * utiliser ce fichier tel quel sans avoir encore défini ses propres variables.
 *
 * INTERDIT DE MODIFIER : voir single-article.php (un seul <article>, « à lire aussi »
 * en <div>). LIBRE DE MODIFIER : toutes les valeurs des var() ci-dessous.
 */

.sbt-conteneur{ max-width: var(--sb-conteneur, 1240px); margin-inline: auto; padding-inline: var(--sb-gouttiere, 24px); }

.sbt-fil-ariane{ font-size: .8125rem; color: var(--sb-doux, #55607a); display: flex; gap: 6px; flex-wrap: wrap; padding-block: 16px; }
.sbt-fil-ariane a{ color: var(--sb-doux, #55607a); text-decoration: none; }
.sbt-fil-ariane a:hover{ color: var(--sb-encre, #0f172a); }

.sbt-article-entete{ max-width: var(--sb-lecture, 720px); margin-inline: auto; padding-block: 8px 24px; }
.sbt-article-pastille{
	display: inline-block; background: var(--sb-surf, #f4f5fa); color: var(--sb-encre, #0f172a);
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: .75rem;
	text-transform: uppercase; letter-spacing: .04em; padding: 6px 12px; border-radius: 999px; margin-bottom: 16px;
	text-decoration: none;
}
.sbt-article-entete h1{ font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); line-height: 1.15; margin: 0; }
.sbt-article-chapo{ font-family: var(--sb-texte, 'Inter', system-ui, sans-serif); font-style: italic; font-size: clamp(1.0625rem,1rem + .3vw,1.3125rem); color: var(--sb-doux, #55607a); margin-top: 16px; }
.sbt-article-meta{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 20px; font-size: .875rem; color: var(--sb-doux, #55607a); }
.sbt-article-meta img{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.sbt-article-meta-auteur{ color: inherit; font-weight: 600; text-decoration: none; }

.sbt-article-une{ max-width: var(--sb-conteneur, 1240px); margin: 28px auto 32px; padding-inline: var(--sb-gouttiere, 24px); }
.sbt-article-une-cadre{ aspect-ratio: 2.4 / 1; max-height: min(520px, 46vh); overflow: hidden; /* 01/10 : à 1440×900 le texte passait sous la ligne de flottaison (B-ART-09) */ border-radius: var(--sb-rayon, 14px); box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08)); }
.sbt-article-une-cadre img{ width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 640px){ .sbt-article-une-cadre{ aspect-ratio: auto; height: 220px; max-height: 220px; } }

/* Grille corps + rail — align-items:start obligatoire pour que le rail sticky
   (cf. partial-sidebar.css) tienne sur toute la hauteur du contenu. */
.sbt-article-mise-en-page{
	display: grid; grid-template-columns: minmax(0, var(--sb-lecture, 720px)) var(--sb-rail, 340px);
	column-gap: var(--sb-gouttiere, 24px); row-gap: var(--sb-gouttiere, 24px);
	max-width: var(--sb-conteneur, 1240px); margin-inline: auto;
	padding: 32px var(--sb-gouttiere, 24px) 64px; align-items: start; justify-content: center;
}
@media (max-width: 1080px){ .sbt-article-mise-en-page{ grid-template-columns: minmax(0,1fr); } .sbt-article-principal, .sbt-rail{ min-width: 0; } }
.sbt-article-mise-en-page--suite{ padding-top: 0; }

.sbt-article-corps{ font-size: 1.0625rem; line-height: 1.7; color: var(--sb-encre, #0f172a); font-family: var(--sb-texte, 'Inter', system-ui, sans-serif); }
.sbt-article-corps h2{ margin-top: 2.2em; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }
.sbt-article-corps h3{ margin-top: 1.8em; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }
.sbt-article-corps p{ margin-bottom: 1.3em; }
.sbt-article-corps img{ border-radius: var(--sb-rayon, 14px); margin-block: 1.6em; width: 100%; height: auto; }
.sbt-article-corps blockquote{
	margin: 1.8em 0; padding: 18px 24px; border-left: 4px solid var(--sb-accent, #2563eb);
	background: var(--sb-surf, #f4f5fa); border-radius: 8px; font-style: italic;
}

/* Sommaire replié en accordéon sur mobile uniquement (en desktop, il vit dans le rail —
   cf. partial-sidebar.php / partial-sommaire.php). */
.sbt-sommaire-mobile{ display: none; }
@media (max-width: 1080px){ .sbt-sommaire-mobile{ display: block; margin-bottom: 24px; } }
/* 01/10/2026 (baliturismo, juge visuel) : sous 1080px le rail passe SOUS l'article ; sa carte sommaire
   faisait doublon avec le sommaire mobile de tête (erreur n°6 « sommaire en double »). */
@media (max-width: 1080px){ .sbt-rail-carte--sommaire{ display: none; } }

/* « À lire aussi » (toujours un <div>, jamais un <article> — cf. single-article.php) */
.sbt-a-lire{ margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--sb-filet, #e2e5ef); }
.sbt-kicker{ font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-size: .9375rem; font-weight: 700; margin-bottom: 12px; }
.sbt-grille{ display: grid; gap: var(--sb-gouttiere, 24px); }
.sbt-grille--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 760px){ .sbt-grille--3{ grid-template-columns: 1fr; } }
.sbt-carte{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	border-radius: var(--sb-rayon, 14px); overflow: hidden; box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08));
	transition: transform .2s ease, box-shadow .2s ease;
}
.sbt-carte:hover{ transform: translateY(-4px); box-shadow: var(--sb-ombre-forte, 0 16px 40px rgba(15,23,42,.16)); }
.sbt-carte a{ display: block; color: inherit; text-decoration: none; }
.sbt-carte img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.sbt-carte-corps{ padding: 18px; }
.sbt-carte-corps h3{ margin: 0; font-size: 1.0625rem; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }

.sbt-article-commentaires{ margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--sb-filet, #e2e5ef); }

/* 01/10 (accessoiriste.net) : un seul sommaire visible par largeur — la carte du rail se masque quand l'accordéon mobile s'affiche. */
@media (max-width: 1080px){ .sbt-rail-carte--sommaire{ display: none; } }
/* 05/10 (operations-digestives, juge visuel) : sous-titres collés au paragraphe suivant (marge basse 0 px mesurée) */
.sbt-article-corps h2{ margin-bottom: .6em; }
.sbt-article-corps h3{ margin-bottom: .45em; }

/* ==== bloc-partial-sidebar.css ==== */
/*
 * BLOC FIGÉ — BARRE LATÉRALE D'ARTICLE (thématique) — CSS
 * Origine : curieux-du-web.com, theme/style.css, règles `.cdw-rail` / `.cdw-rail-carte`
 * (lignes ~854-861, renommées `.sbt-rail*` ici) — commentaire garde-fou d'origine
 * CONSERVÉ TEL QUEL ci-dessous (règle la plus importante de ce bloc).
 *
 * Inspiration secondaire documentée (pas copiée en entier) : amatauto.fr fait basculer
 * sa colonne latérale en bloc STATIQUE empilé sous le texte à partir de 1100px
 * (assets/css/v2.css, `.a2-art__cote { position: sticky; ... }` +
 * `@media (max-width: 1100px) { .a2-art__cote { position: static; } }`) — repris ici en
 * option mobile (media query 1080px, cohérente avec le point de rupture de
 * `.sbt-article-mise-en-page` dans single-article.css).
 */

/* Rail sticky — collé à la colonne de texte, séparation par un filet interne, jamais un
   gap blanc entre les deux colonnes. */
.sbt-rail{
	position: sticky; top: 96px; align-self: start;
	display: flex; flex-direction: column; gap: 20px;
	border-left: 1px solid var(--sb-filet, #e2e5ef); padding-left: 20px;
}
/* ⛔ GARDE-FOU (conservé tel quel depuis curieux-du-web.com, retour Mathias ×3) : jamais
   de overflow-y ni de max-height ici — la colonne reste collante et accompagne TOUTE la
   lecture de l'article jusqu'en bas, sans sa propre barre de défilement interne. */
.sbt-rail-carte{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	border-radius: var(--sb-rayon, 14px); padding: 18px;
}
.sbt-rail-carte .sbt-t4, .sbt-rail-carte h4{
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-size: .875rem;
	text-transform: uppercase; letter-spacing: .04em; color: var(--sb-doux, #55607a); margin: 0 0 10px;
}

/* Option mobile (inspirée d'amatauto.fr, cf. en-tête) : sous 1080px, la grille parente
   passe déjà en une colonne (cf. .sbt-article-mise-en-page dans single-article.css) — le
   rail redevient donc naturellement un bloc statique empilé sous le texte. */
@media (max-width: 1080px){
	.sbt-rail{ position: static; border-left: 0; padding-left: 0; border-top: 1px solid var(--sb-filet, #e2e5ef); padding-top: 20px; }
}

/* Sommaire tel qu'affiché dans le rail (cf. partial-sommaire.css pour le détail des
   classes `.sbt-sommaire*`) : pas de style supplémentaire ici, la carte du rail suffit. */

/* ==== bloc-partial-sommaire.css ==== */
/*
 * BLOC FIGÉ — SOMMAIRE (thématique) — CSS
 * CSS volontairement simple (voir partial-sommaire.php : la robustesse de ce bloc est
 * dans le PHP — ids séquentiels, exclusion FAQ/Sources, seuil de 3 titres — pas dans son
 * habillage). Inspiré du rendu `<details>` natif de health-nutrition-cambrai.fr
 * (« Bien Vivre Santé »), classes renommées `.sbt-sommaire*`.
 */

.sbt-sommaire{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef);
	border-left: 4px solid var(--sb-accent, #2563eb); border-radius: var(--sb-rayon, 14px);
	padding: 16px 20px;
}
.sbt-sommaire-titre{
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700;
	font-size: .9375rem; cursor: pointer; list-style: none;
}
.sbt-sommaire-titre::-webkit-details-marker{ display: none; }
.sbt-sommaire ol{ list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sbt-sommaire li a{
	display: flex; align-items: baseline; gap: 10px; font-size: .9375rem;
	color: var(--sb-encre, #0f172a); text-decoration: none;
}
.sbt-sommaire li a:hover{ color: var(--sb-accent, #2563eb); text-decoration: underline; }
.sbt-sommaire-num{
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: .75rem;
	color: var(--sb-encre, #0f172a); background: var(--sb-surf, #f4f5fa); border-radius: 50%;
	width: 20px; height: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
}

/* ==== bloc-partial-encadres.css ==== */
/*
 * BLOC FIGÉ — ENCADRÉS « LE SAVIEZ-VOUS » / « POINTS À RETENIR » (thématique) — CSS
 * Origine : amatauto.fr, assets/css/v2.css, règles `.amat-encadre--retenir` / `.a2-saviez`
 * (renommées `.sbt-encadre--retenir` / `.sbt-encadre--saviez` ici). Habillage simplifié
 * (gradients/decorations ::before retirés pour rester générique et léger), la structure
 * (grille icône + texte pour « le saviez-vous », liste à puces pour « points à retenir »)
 * est conservée.
 */

.sbt-encadre{ margin-block: 2em; border-radius: var(--sb-rayon-grand, 22px); }

.sbt-encadre-titre{
	margin: 0 0 12px; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif);
	font-weight: 700; font-size: .8125rem; text-transform: uppercase; letter-spacing: .08em;
}

/* « Points à retenir » — fond foncé, liste à puces check. */
.sbt-encadre--retenir{
	background: var(--sb-fonce, #141733); color: var(--sb-sur-fonce, #ffffff);
	padding: 28px 30px;
}
.sbt-encadre--retenir .sbt-encadre-titre{ color: var(--sb-accent-clair, #93c5fd); }
.sbt-retenir-liste{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.sbt-retenir-liste li{
	position: relative; padding-left: 32px; font-size: 1rem; line-height: 1.55;
}
.sbt-retenir-liste li::before{
	content: ""; position: absolute; left: 0; top: .15em; width: 20px; height: 20px; border-radius: 50%;
	background: var(--sb-accent, #2563eb)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")
		center / 12px no-repeat;
}

/* « Le saviez-vous ? » — encadré clair, icône ampoule. */
.sbt-encadre--saviez{
	display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start;
	padding: 22px 24px; background: var(--sb-surf, #f4f5fa);
}
.sbt-encadre--saviez::before{
	content: "?"; grid-row: 1 / span 2; width: 48px; height: 48px; border-radius: 14px;
	background: var(--sb-accent, #2563eb); color: #fff; display: flex; align-items: center; justify-content: center;
	font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: 1.375rem;
}
.sbt-encadre--saviez .sbt-encadre-titre{ grid-column: 2; margin: 0; color: var(--sb-encre, #0f172a); }
.sbt-encadre--saviez p:not(.sbt-encadre-titre){ grid-column: 2; margin: 0; font-size: 1rem; line-height: 1.6; color: var(--sb-encre, #0f172a); }

@media (max-width: 620px){
	.sbt-encadre--saviez{ grid-template-columns: 1fr; }
	.sbt-encadre--saviez::before{ grid-row: 1; }
	.sbt-encadre--saviez .sbt-encadre-titre, .sbt-encadre--saviez p:not(.sbt-encadre-titre){ grid-column: 1; }
}
/* 04/10/2026 (invalidcast.com) : la règle de liste du corps d'article écrasait le retrait → la coche mangeait la 1re lettre. */
.sbt-article-corps .sbt-retenir-liste{ padding: 0; margin: 0; list-style: none; }
.sbt-article-corps .sbt-retenir-liste li{ padding-left: 34px; margin: 0; text-indent: 0; }

/* ==== bloc-partial-faq.css ==== */
/*
 * BLOC FIGÉ — FAQ EN ACCORDÉON (thématique) — CSS
 * Visuel inspiré du rendu RÉEL de solutionminceur.fr, classes `.smr-faq*` récupérées par
 * un unique curl en lecture seule sur
 * `https://solutionminceur.fr/wp-content/themes/solutionminceur-v2/roxane.css`
 * (fichier CSS distant, absent du mirroir local du chantier — ce curl a RÉUSSI, voir
 * README). Classes renommées `.sbt-faq*` ici, variables de couleur remplacées par des
 * `var(--sb-*, repli)` génériques.
 *
 * Mécanisme accordéon (natif <details>/<summary>, sans JS) : cf. partial-faq.php, origine
 * health-nutrition-cambrai.fr.
 */

.sbt-faq{ margin: 56px 0; padding: 30px; border-radius: var(--sb-rayon-grand, 22px); background: var(--sb-surf, #f4f5fa); border: 1px solid var(--sb-filet, #e2e5ef); }
.sbt-faq-liste{ display: grid; gap: 10px; }
.sbt-faq-liste details{
	background: var(--sb-fond-carte, #ffffff); border: 1px solid var(--sb-filet, #e2e5ef) !important;
	border-radius: 14px; padding: 0 !important; transition: box-shadow .25s ease, border-color .25s ease;
}
.sbt-faq-liste details[open]{ box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08)); border-color: var(--sb-accent, #2563eb) !important; }
.sbt-faq-liste summary{
	list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
	gap: 18px; padding: 18px 20px; font-size: 1.03rem; font-weight: 600; line-height: 1.45; color: var(--sb-encre, #0f172a);
}
.sbt-faq-liste summary::-webkit-details-marker{ display: none; }
.sbt-faq-liste summary::after{
	content: ""; width: 30px; height: 30px; flex: none; border-radius: 50%;
	background: var(--sb-surf, #f4f5fa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 15px no-repeat;
	transition: transform .3s ease;
}
.sbt-faq-liste details[open] summary::after{ transform: rotate(135deg); }
.sbt-faq-liste summary:hover{ color: var(--sb-accent, #2563eb); }
.sbt-faq-reponse{ padding: 0 20px 18px; font-size: .96875rem; line-height: 1.75; color: var(--sb-doux, #55607a); }
.sbt-faq-reponse p{ margin: 0 0 14px; }
.sbt-faq-reponse p:last-child{ margin-bottom: 0; }

@media (max-width: 760px){
	.sbt-faq{ padding: 20px; }
}

/* ==== bloc-partial-bloc-auteur.css ==== */
/*
 * BLOC FIGÉ — SIGNATURE / BOÎTE AUTEUR (thématique) — CSS
 * Visuel inspiré du rendu RÉEL de solutionminceur.fr, classes `.smr-auteur*` récupérées
 * par le même curl en lecture seule que partial-faq.css (roxane.css, voir README).
 * Classes renommées `.sbt-auteur*` ici, variables de couleur remplacées par des
 * `var(--sb-*, repli)` génériques.
 */

.sbt-auteur{
	display: grid; grid-template-columns: 120px 1fr; gap: 26px; margin: 54px 0 10px;
	padding: 30px; border-radius: var(--sb-rayon-grand, 22px);
	background: var(--sb-surf, #f4f5fa); border: 1px solid var(--sb-filet, #e2e5ef);
}
.sbt-auteur-photo img{
	width: 120px; height: 120px; border-radius: 50%; object-fit: cover;
	box-shadow: 0 0 0 5px var(--sb-fond-carte, #ffffff), var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08));
}
.sbt-auteur-sur{ margin: 0 0 2px; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--sb-doux, #55607a); }
.sbt-auteur-nom{ font-size: 1.5rem; margin: 0 0 4px; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); }
.sbt-auteur-nom a{ color: var(--sb-encre, #0f172a); text-decoration: none; }
.sbt-auteur-nom a:hover{ text-decoration: underline; }
.sbt-auteur-role{ margin: 0 0 12px; font-size: .8125rem; font-weight: 600; color: var(--sb-accent, #2563eb); text-transform: uppercase; letter-spacing: .05em; }
.sbt-auteur-bio{ font-size: .96875rem; line-height: 1.7; color: var(--sb-encre, #0f172a); margin: 0 0 16px; }
.sbt-auteur-chiffres{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sbt-auteur-chiffres span{ background: var(--sb-fond-carte, #ffffff); border-radius: 12px; padding: 8px 12px; font-size: .78125rem; color: var(--sb-doux, #55607a); }
.sbt-auteur-chiffres b{ color: var(--sb-encre, #0f172a); margin-right: 4px; }
.sbt-auteur-der{ margin-bottom: 18px; }
.sbt-auteur-der p{ margin: 0 0 6px; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--sb-doux, #55607a); }
.sbt-auteur-der a{ display: block; font-size: .9375rem; font-weight: 500; padding: 6px 0; color: var(--sb-encre, #0f172a); text-decoration: none; border-bottom: 1px dashed var(--sb-filet, #e2e5ef); }
.sbt-auteur-der a:hover{ color: var(--sb-accent, #2563eb); }
.sbt-auteur-actions{ display: flex; flex-wrap: wrap; gap: 10px; }
.sbt-auteur-actions .sbt-btn{
	display: inline-block; padding: 10px 18px; border-radius: 999px; font-size: .875rem; font-weight: 600;
	text-decoration: none; background: var(--sb-accent, #2563eb); color: #fff;
}
.sbt-auteur-actions .sbt-btn--fantome{ background: transparent; border: 1.5px solid var(--sb-filet, #e2e5ef); color: var(--sb-encre, #0f172a); }

@media (max-width: 700px){
	.sbt-auteur{ grid-template-columns: 1fr; padding: 22px; }
	.sbt-auteur-photo img{ width: 88px; height: 88px; }
}

/* ==== bloc-footer.css (sans cookies ni popup) ==== */
/*
 * BLOC FIGÉ — PIED DE PAGE (thématique) — CSS
 * Origine : curieux-du-web.com, theme/style.css, règles `.cdw-footer*` / `.cdw-cookies*` /
 * `.cdw-popup-sortie*` / `.cdw-btn*` (renommées `.sbt-footer*` / `.sbt-cookies*` /
 * `.sbt-popup-sortie*` / `.sbt-btn*` ici).
 */

.sbt-btn{
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 13px 24px; border-radius: 999px; font-weight: 700; font-size: 1rem;
	background: var(--sb-accent, #2563eb); color: #fff; text-decoration: none; border: 0; cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease;
}
.sbt-btn:hover{ transform: translateY(-2px); box-shadow: var(--sb-ombre, 0 8px 24px rgba(15,23,42,.08)); }
.sbt-btn--petit{ padding: 10px 18px; font-size: .875rem; }
.sbt-btn--fantome{ background: transparent; border: 1.5px solid rgba(255,255,255,.5); color: inherit; }

.sbt-footer{ background: var(--sb-fonce, #141733); color: var(--sb-sur-fonce, #ffffff); padding-block: clamp(40px,6vw,64px) 24px; }
.sbt-footer a.sbt-btn, .sbt-footer a.sbt-btn:hover{ color: #fff; } /* 10/10/2026 (blueau.fr) : « .sbt-footer a » battait la couleur du bouton (texte gris sur accent, 4,25:1) */

.sbt-footer-cta{
	display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
	padding: 24px 28px; margin-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.12);
}
@media (max-width: 600px){ .sbt-footer-cta{ padding: 20px; } } /* 04/10/2026 (invalidcast.com) : texte collé au bord dès qu'un thème donne un fond de carte au bandeau */
.sbt-footer-cta .sbt-t3{ color: #fff; margin: 0 0 4px; font-size: 1.25rem; }
.sbt-footer-cta p{ color: #a9acd0; margin: 0; max-width: 46ch; }

.sbt-footer-grille{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.12); }
@media (max-width: 980px){ .sbt-footer-grille{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px){ .sbt-footer-grille{ grid-template-columns: 1fr; } }
.sbt-footer-colonne .sbt-t4{ font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; color: #8b8fb5; margin: 0 0 14px; }
.sbt-footer-colonne ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.sbt-footer-colonne ul a{ font-size: .875rem; }
.sbt-footer-logo{ display: block; font-family: var(--sb-titre, 'Manrope', system-ui, sans-serif); font-weight: 700; font-size: 1.125rem; color: #fff; margin-bottom: 14px; }
.sbt-footer-desc{ color: #a9acd0; font-size: .9375rem; margin: 0; max-width: 32ch; }
.sbt-footer-contact{ display: flex; flex-direction: column; gap: 8px; font-size: .875rem; }

.sbt-footer-bas{ padding-top: 20px; font-size: .8125rem; color: #8b8fb5; }


/* ==== 02-site.css ==== */
/* ========== En-tête ========== */
.sr-entete{position:sticky;top:0;z-index:60;background:rgba(250,247,239,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(18,58,44,.08)}
.sr-entete__interieur{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--sr-entete);max-width:calc(var(--sr-conteneur) + 2*var(--sr-gouttiere));margin-inline:auto;padding-inline:var(--sr-gouttiere)}
.sr-marque{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sr-encre);min-width:0}
.sr-marque__logo{width:40px;height:40px;border-radius:9px;background:none;flex:none}
.sr-marque__textes{display:flex;flex-direction:column;min-width:0}
.sr-marque__nom{font:400 26px/1.05 var(--sr-titre);letter-spacing:-.01em;white-space:nowrap}
.sr-marque__signature{font:600 10.5px/1.3 var(--sr-texte);text-transform:uppercase;letter-spacing:.14em;color:var(--sr-doux);white-space:nowrap}
.sr-nav{display:flex;align-items:center;gap:32px}
.sr-nav__liste{list-style:none;display:flex;gap:30px;margin:0}
.sr-nav__liste a{display:inline-block;padding:8px 2px;font:600 16px/1.2 var(--sr-texte);color:var(--sr-encre);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.sr-nav__liste a:hover{color:var(--sr-laterite)}
.sr-nav__liste a[aria-current]{border-bottom-color:var(--sr-laterite)}
.sr-burger{display:none;width:48px;height:48px;border:0;background:transparent;border-radius:12px;cursor:pointer;position:relative}
.sr-burger__barres,.sr-burger__barres::before,.sr-burger__barres::after{position:absolute;left:12px;right:12px;height:2.5px;background:var(--sr-theier);border-radius:2px;content:"";transition:transform .25s ease,top .25s ease,opacity .2s}
.sr-burger__barres{top:22px}
.sr-burger__barres::before{left:0;right:0;top:-8px}
.sr-burger__barres::after{left:0;right:0;top:8px}
.sr-menu-ouvert .sr-burger__barres{background:transparent}
.sr-menu-ouvert .sr-burger__barres::before{top:0;transform:rotate(45deg)}
.sr-menu-ouvert .sr-burger__barres::after{top:0;transform:rotate(-45deg)}
@media (max-width:1060px){
	.sr-marque__signature{display:none}
	.js .sr-burger{display:block}
	.js .sr-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:12px;padding:12px var(--sr-marge) 24px;background:var(--sr-porcelaine);border-bottom:1px solid rgba(18,58,44,.12);box-shadow:var(--sr-ombre-1);display:none}
	.js .sr-menu-ouvert .sr-nav{display:flex}
	.js .sr-nav__liste{flex-direction:column;gap:0}
	.js .sr-nav__liste a{display:block;padding:14px 4px;font-size:18px;border-bottom:1px solid rgba(18,58,44,.1)}
	html:not(.js) .sr-entete__interieur{flex-wrap:wrap;height:auto;padding-block:10px}
	html:not(.js) .sr-nav{flex-wrap:wrap;gap:12px}
	html:not(.js) .sr-nav__liste{flex-wrap:wrap;gap:14px}
}
@media (max-width:640px){.sr-marque__nom{font-size:24px}.sr-marque__signature{display:block;font-size:9.5px;letter-spacing:.1em}}
@media (max-width:380px){.sr-marque__signature{display:none}}

/* ========== Premier écran ========== */
.sr-hero{position:relative;overflow-x:clip;height:clamp(600px,calc(100svh - var(--sr-entete)),704px);background:var(--sr-porcelaine)}
.sr-hero::before{content:"";position:absolute;inset:0;background:url(../../images/motif-rangs.svg) left bottom/1200px 176px repeat;opacity:.7;-webkit-mask:linear-gradient(to top right,#000 0,transparent 62%);mask:linear-gradient(to top right,#000 0,transparent 62%);pointer-events:none}
.sr-hero__grille{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,600px) 1fr;align-items:center}
.sr-hero__texte{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:8px}
.sr-hero__titre{font-size:clamp(40px,5.3vw,76px);line-height:1.02;letter-spacing:-.015em;margin:0 0 20px}
.sr-hero__titre .sr-l{display:block}
@media (min-width:1180px){.sr-hero__titre .sr-l{white-space:nowrap}}
.sr-hero__sous{font-size:20px;line-height:1.5;color:var(--sr-doux);max-width:min(30em,100%);margin:0 0 28px}
@media (min-width:1001px){.sr-hero__sous{max-width:470px}}
.sr-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.sr-preuves{list-style:none;display:flex;gap:0}
.sr-preuves li{display:flex;flex-direction:column;padding-inline:28px;border-left:1px solid rgba(18,58,44,.22)}
.sr-preuves li:first-child{padding-left:0;border-left:0}
.sr-preuves b{font:700 40px/1 var(--sr-texte);color:var(--sr-theier);font-variant-numeric:tabular-nums lining-nums}
.sr-preuves span{font-size:15px;color:var(--sr-doux);margin-top:6px}

.sr-hero__visuel{position:absolute;z-index:1;top:-40px;right:0;width:min(53vw,860px);height:calc(100% - 20px)}
@media (min-width:1700px){.sr-hero{height:clamp(640px,calc(100svh - var(--sr-entete)),874px)}.sr-hero__visuel{width:880px;height:calc(100% - 40px);max-height:780px}}
.sr-feuille{position:absolute;inset:0}
.sr-feuille__photo{position:absolute;inset:0;clip-path:url(#sr-clip-feuille);overflow:hidden;background:var(--sr-rang)}
.sr-feuille__photo img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;animation:sr-respire 14s ease-in-out infinite alternate}
.sr-feuille__nervure{position:absolute;inset:0;width:100%;height:100%}
.sr-feuille__nervure path{fill:none;stroke:var(--sr-porcelaine);stroke-opacity:.35;stroke-width:2;stroke-linecap:round}
@keyframes sr-respire{from{transform:scale(1)}to{transform:scale(1.05)}}

.sr-bourgeon{position:absolute;left:-46px;bottom:36px;width:200px;margin:0;filter:drop-shadow(0 18px 22px rgba(18,58,44,.28))}
.sr-bourgeon__forme{width:200px;height:260px;background:var(--sr-porcelaine);clip-path:url(#sr-clip-bourgeon);padding:8px}
.sr-bourgeon__forme img{width:100%;height:100%;object-fit:cover;clip-path:url(#sr-clip-bourgeon)}
.sr-bourgeon .sr-pilule{position:absolute;left:50%;top:62%;transform:translateX(-50%);white-space:nowrap;font-size:12px;padding:5px 10px}

.sr-carnet{position:absolute;right:clamp(20px,3.2vw,48px);bottom:36px;width:340px;background:var(--sr-carte);border-radius:18px 40px 18px 40px;box-shadow:var(--sr-ombre-2);padding:22px 26px 20px}
.sr-carnet__titre{font:400 22px/1.2 var(--sr-titre);margin:0 0 14px;color:var(--sr-encre)}
.sr-carnet__etapes{list-style:none;margin:0 0 12px;display:grid;gap:8px}
.sr-carnet__etapes li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}
.sr-carnet__etapes .sr-pastille{width:28px;height:28px}
.sr-carnet__etapes .sr-pastille::after{inset:6px}
.sr-carnet__etapes b{margin-left:auto;font-weight:600;color:var(--sr-doux)}

@media (max-width:1000px){
	.sr-hero{height:auto;overflow:hidden}
	.sr-hero__grille{display:flex;flex-direction:column;align-items:stretch;padding-bottom:36px}
	.sr-hero__visuel{display:contents}
	.sr-feuille{order:1;position:relative;inset:auto;height:clamp(240px,46vw,380px);margin-inline:calc(-1*var(--sr-marge)) calc(-1*var(--sr-marge));margin-right:calc(-1*var(--sr-marge))}
	.sr-feuille__photo{clip-path:none;border-radius:28px 120px 28px 120px}
	.sr-feuille__nervure{display:none}
	.sr-bourgeon{order:2;position:relative;left:auto;bottom:auto;align-self:flex-start;width:96px;margin:-70px 0 0 4px;z-index:3}
	.sr-bourgeon__forme{width:96px;height:124px;padding:5px}
	.sr-bourgeon .sr-pilule{display:none}
	.sr-hero__texte{order:3;margin-top:8px}
	.sr-hero__titre{font-size:clamp(36px,9vw,56px)}
	.sr-hero__titre .sr-l{display:inline}
	.sr-hero__actions{flex-direction:column;width:100%;margin-bottom:10px}
	.sr-hero__actions .sr-btn{width:100%}
	.sr-hero__actions .sr-btn--contour{border:0;min-height:40px;text-decoration:underline;justify-content:flex-start;padding-inline:0;width:auto}
	.sr-hero__actions .sr-btn--contour:hover{background:transparent;color:var(--sr-laterite);transform:none;box-shadow:none}
	.sr-hero__sous{order:5;margin:6px 0 20px}
	.sr-hero__texte{display:flex}
	.sr-hero__titre{order:1}
	.sr-surtitre{order:0}
	.sr-hero__actions{order:4}
	.sr-preuves{order:6}
	.sr-carnet{order:4;position:static;width:auto;margin-top:8px}
}
@media (max-width:640px){
	.sr-preuves li{padding-inline:16px}.sr-preuves b{font-size:34px}
	.sr-hero__titre{font-size:40px}
}

/* ========== Accueil — bandes ========== */
/* 2. Route du Thé */
.sr-route{padding-bottom:52px}
.sr-route .sr-bande__tete{margin-bottom:20px}
.sr-route .sr-bande__tete{display:grid;grid-template-columns:1fr auto;gap:8px 40px;align-items:end;text-align:left}
.sr-route .sr-bande__tete .sr-chapo{grid-column:1;margin:10px 0 0;font-size:19px}
.sr-route .sr-bande__tete .sr-btn{grid-column:2;grid-row:1/4;align-self:end}
.sr-route__rangee{position:relative;margin-top:30px}
.sr-route__ligne{position:absolute;left:8%;right:8%;top:-8px;height:0;border-top:2px dashed var(--sr-bourgeon);opacity:.9;z-index:0}
.sr-cartes3{list-style:none;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sr-carte-domaine{position:relative;background:var(--sr-carte);border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-1);transition:transform .22s ease-out,box-shadow .22s ease-out}
.sr-carte-domaine:hover{transform:translateY(-4px);box-shadow:var(--sr-ombre-2)}
.sr-carte-domaine__lien{display:block;color:inherit;text-decoration:none;border-radius:inherit;overflow:hidden}
.sr-carte-domaine__photo{display:block;position:relative;height:150px;overflow:hidden}
.sr-carte-domaine__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sr-carte-domaine:hover .sr-carte-domaine__photo img{transform:scale(1.04)}
.sr-carte-domaine__photo .sr-pilule{position:absolute;left:14px;bottom:12px}
.sr-carte-domaine__corps{display:block;padding:18px 24px 22px}
.sr-carte-domaine h3{font-size:26px;color:var(--sr-theier);margin:0 0 6px}
.sr-carte-domaine__texte{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.5;color:var(--sr-encre);margin-bottom:10px}
.sr-carte-domaine .sr-lien{font-size:16px}

/* 3. Mosaïque */
.sr-quevoir{padding-bottom:56px}
.sr-quevoir .sr-bande__tete{margin-bottom:20px}
.sr-mosaique{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:216px 216px;gap:8px;height:440px;width:100%;max-width:calc(100% - 2*var(--sr-gouttiere));margin-inline:auto;border-radius:0 56px 0 56px;overflow:hidden}
@media (min-width:1700px){.sr-mosaique{max-width:1920px}}
.sr-tuile{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;background:var(--sr-theier)}
.sr-tuile--grande{grid-row:1/3;grid-column:1}
.sr-tuile--haute{grid-row:1/3;grid-column:2}
.sr-tuile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sr-tuile:hover>img{transform:scale(1.04)}
.sr-tuile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,43,33,.92) 0,rgba(14,43,33,.55) 42%,rgba(14,43,33,0) 72%)}
.sr-tuile__chiffre{position:absolute;z-index:2;left:16px;top:16px;background:rgba(255,255,255,.96);color:var(--sr-theier);padding:5px 12px;border-radius:999px;font:700 14px/1.3 var(--sr-texte)}
.sr-tuile__texte{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:block}
.sr-tuile__titre{display:block;font:400 26px/1.15 var(--sr-titre);color:#fff}
.sr-tuile--grande .sr-tuile__titre{font-size:34px}
.sr-tuile__desc{display:block;font-size:15px;line-height:1.45;color:rgba(255,255,255,.94);margin-top:8px}
.sr-tuile--grande .sr-tuile__desc{max-width:34em}
.sr-tuile--petite .sr-tuile__desc{max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .35s ease,opacity .3s ease,margin .3s}
.sr-tuile--petite:hover .sr-tuile__desc,.sr-tuile--petite:focus-visible .sr-tuile__desc{max-height:150px;opacity:1;margin-top:8px}
.sr-tuile--petite:hover::after{background:linear-gradient(to top,rgba(14,43,33,.96) 0,rgba(14,43,33,.8) 60%,rgba(14,43,33,.35) 100%)}
@media (hover:none){.sr-tuile--petite .sr-tuile__desc{max-height:none;opacity:1;margin-top:8px}}
.sr-points{display:none}
@media (max-width:900px){
	.sr-mosaique{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;height:auto;max-width:none;border-radius:0;padding-inline:var(--sr-marge);scrollbar-width:none;-webkit-overflow-scrolling:touch}
	.sr-mosaique::-webkit-scrollbar{display:none}
	.sr-tuile,.sr-tuile--grande,.sr-tuile--haute{flex:0 0 min(300px,78vw);height:380px;scroll-snap-align:start;border-radius:18px 56px 18px 56px}
	.sr-tuile--petite .sr-tuile__desc{max-height:none;opacity:1;margin-top:8px}
	.sr-tuile__desc{font-size:14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
	.sr-tuile--grande .sr-tuile__titre{font-size:28px}
	.sr-points{display:flex;justify-content:center;gap:8px;margin-top:16px}
	.sr-points span{width:8px;height:8px;border-radius:999px;background:rgba(18,58,44,.25);transition:width .25s,background .25s}
	.sr-points .est-actif{width:24px;background:var(--sr-laterite)}
}

/* 4. Rhum */
.sr-rhum__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:stretch}
.sr-rhum__photo{position:relative;min-height:440px}
.sr-rhum__photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-2)}
.sr-rhum__pastille{position:absolute;right:-26px;bottom:34px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--sr-carte);padding:14px 16px;border-radius:16px 28px 16px 28px;box-shadow:var(--sr-ombre-2);max-width:250px}
.sr-rhum__pastille .sr-pilule{background:var(--sr-rang)}
.sr-rhum__pastille .sr-lien{font-size:14px;line-height:1.35}
.sr-rhum__texte{display:flex;flex-direction:column;justify-content:center}
.sr-rhum__texte h2{font-size:clamp(30px,2.9vw,40px);margin-bottom:12px}
.sr-rhum__texte>p{margin-bottom:16px}
.sr-minis{list-style:none;display:grid;gap:10px;margin-bottom:18px}
.sr-minis a{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--sr-encre);background:var(--sr-carte);border-radius:16px 36px 16px 36px;padding:8px 20px 8px 8px;box-shadow:var(--sr-ombre-1);transition:transform .2s ease-out,box-shadow .2s ease-out}
.sr-minis a:hover{transform:translateY(-3px);box-shadow:var(--sr-ombre-2)}
.sr-minis img{width:72px;height:72px;object-fit:cover;border-radius:12px 28px 12px 28px;flex:none}
.sr-minis b{display:block;font-size:17px;color:var(--sr-theier)}
.sr-minis small{display:block;font-size:14.5px;line-height:1.4;color:var(--sr-doux)}
.sr-rhum__texte>p:last-child{margin:0}
@media (max-width:900px){
	.sr-rhum__grille{grid-template-columns:1fr;gap:28px}
	.sr-rhum__photo{min-height:0;height:300px}
	.sr-rhum__pastille{right:12px;bottom:-22px}
	.sr-rhum__texte{margin-top:22px}
}

/* 5. Manifeste */
.sr-manifeste{padding:56px 0;text-align:center}
.sr-manifeste .sr-conteneur{display:flex;flex-direction:column;align-items:center;gap:20px}
.sr-manifeste__phrase{font:400 40px/1.2 var(--sr-titre);max-width:22em;margin:0;text-wrap:balance;letter-spacing:-.01em}
@media (max-width:640px){.sr-manifeste__phrase{font-size:28px}}

/* 6. Annuaire */
.sr-annuaire{padding:32px 0 56px}
.sr-annuaire__carte{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--sr-carte);border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-1);padding:36px 44px}
.sr-annuaire__texte h3{font-size:30px;margin-bottom:12px}
.sr-annuaire__texte p:last-child{margin:0;font-size:17px}
.sr-annuaire__visuel{display:flex;flex-direction:column;align-items:center;gap:16px}
.sr-annuaire__visuel img{width:100%;max-width:360px;aspect-ratio:3/2;object-fit:cover;border-radius:var(--sr-feuille-carte)}
@media (max-width:900px){.sr-annuaire__carte{grid-template-columns:1fr;padding:24px 22px;gap:24px}.sr-annuaire__visuel{align-items:stretch}.sr-annuaire__visuel img{max-width:none}}

/* 7. Journal */
.sr-journal{padding:48px 0 60px}
.sr-journal .sr-bande__tete{margin-bottom:20px}
.sr-journal__grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}
.sr-une-carte{background:var(--sr-carte);border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-1);overflow:hidden}
.sr-une-carte__photo{display:block;position:relative;height:280px}
.sr-une-carte__photo img{width:100%;height:100%;object-fit:cover}
.sr-une-carte__photo .sr-pilule{position:absolute;left:16px;top:16px}
.sr-une-carte h3{font-size:28px;margin:18px 24px 6px}
.sr-une-carte h3 a{color:var(--sr-encre);text-decoration:none}
.sr-une-carte h3 a:hover{color:var(--sr-laterite)}
.sr-meta{margin:0 24px 20px;font-size:15px;color:var(--sr-doux)}
.sr-rangees{list-style:none;display:grid;gap:8px}
.sr-rangees li{display:flex;gap:14px;align-items:center;background:var(--sr-carte);border-radius:14px 32px 14px 32px;padding:6px 16px 6px 6px;box-shadow:var(--sr-ombre-1)}
.sr-rangee__photo{flex:none;width:104px;height:68px;border-radius:10px 26px 10px 26px;overflow:hidden}
.sr-rangee__photo img{width:100%;height:100%;object-fit:cover}
.sr-rangee__texte{display:block;min-width:0}
.sr-rangee__texte a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 17px/1.3 var(--sr-texte);color:var(--sr-encre);text-decoration:none}
.sr-rangee__texte a:hover{color:var(--sr-laterite)}
.sr-rangee__texte small{display:block;font-size:14px;color:var(--sr-doux);margin-top:2px}
@media (max-width:900px){.sr-journal__grille{grid-template-columns:1fr}.sr-une-carte__photo{height:220px}}

/* 8. Question */
.sr-question{padding-top:80px;padding-bottom:56px}
.sr-question__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.sr-question__texte{position:relative}
.sr-question__texte h2{font-size:38px;margin-bottom:10px}
.sr-question__texte p{color:rgba(250,247,239,.88);max-width:28em;margin:0}
.sr-question__rond{width:120px;height:120px;border-radius:999px;overflow:hidden;border:5px solid var(--sr-porcelaine);margin:-28px 0 18px;box-shadow:var(--sr-ombre-2)}
.sr-question__rond img{width:100%;height:100%;object-fit:cover}
.sr-question__carte{background:var(--sr-carte);color:var(--sr-encre);border-radius:20px;padding:26px 28px;box-shadow:var(--sr-ombre-2)}
@media (max-width:900px){.sr-question__grille{grid-template-columns:1fr;gap:28px}.sr-question__texte h2{font-size:32px}}

/* 9. Autres guides */
.sr-autres{padding:36px 0 44px}
.sr-autres .sr-surtitre{margin-bottom:16px}
.sr-autres__grille{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,420px));justify-content:center;gap:16px}
.sr-autre-carte{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--sr-encre);background:var(--sr-carte);padding:14px 20px;border-radius:14px 36px 14px 36px;box-shadow:var(--sr-ombre-1);transition:transform .2s ease-out,box-shadow .2s ease-out}
.sr-autre-carte:hover{transform:translateY(-3px);box-shadow:var(--sr-ombre-2)}
.sr-autre-carte__logo{flex:none;width:64px;height:64px;border-radius:999px;background:var(--sr-theier);position:relative}
.sr-autre-carte__logo::after{content:"";position:absolute;inset:16px;background:var(--sr-bourgeon);-webkit-mask:url(../../images/ico-repere.svg) center/contain no-repeat;mask:url(../../images/ico-repere.svg) center/contain no-repeat}
.sr-autre-carte b{display:block;font-size:18px;color:var(--sr-theier)}
.sr-autre-carte small{display:block;font-size:14.5px;line-height:1.4;color:var(--sr-doux)}

@media (max-width:760px){
	.sr-route .sr-bande__tete{grid-template-columns:1fr}
	.sr-route .sr-bande__tete .sr-btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px}
	.sr-cartes3{grid-template-columns:1fr;gap:36px}
	.sr-route__ligne{display:none}
}

/* Corrections sortie 29/10 : titres du formulaire réseau lisibles dans une bande sombre ; bouton WhatsApp du
   bandeau annuaire.mu (encre plus foncée, APCA ≥ 60) ; bouton devis réseau à la latérite du site. */
.sblf h3,.sblf .h3{color:#123A2C}
.sblf .sblf-aide,.sblf p{color:#3A4A42}
.sb-aa__b.sb-aa__wa{color:#02160A!important}
.sbcd-btn{background:#A8381C!important;color:#FFFFFF!important}

/* ==== 03-guide.css ==== */
/* ========== Fiche de domaine (en-tête des pages guide) ========== */
.sr-fiche{position:relative;background:var(--sr-rang);padding:28px 0 56px}
.sr-fiche>*{position:relative}
.sr-fiche__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:center}
.sr-fil,.sbt-fil-ariane.sr-fil{font-size:14px;color:var(--sr-doux);padding-block:0 18px}
.sr-fil a{color:var(--sr-doux)}
.sr-fil a:hover{color:var(--sr-laterite)}
.sr-fiche__titre{font-size:clamp(34px,3.8vw,54px);line-height:1.08;margin-bottom:16px}
.sr-fiche__chapo{font-size:20px;line-height:1.5;color:var(--sr-doux);max-width:34em;margin-bottom:20px}
.sr-reperes{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.sr-reperes li{background:#fff;color:var(--sr-theier);font:600 15px/1.3 var(--sr-texte);padding:7px 16px;border-radius:999px;box-shadow:0 1px 3px rgba(18,58,44,.12)}
.sr-fil-route{list-style:none;display:flex;gap:6px;flex-wrap:wrap}
.sr-fil-route a{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;text-decoration:none;color:var(--sr-theier);font:600 14px/1.2 var(--sr-texte);background:rgba(255,255,255,.7)}
.sr-fil-route .sr-pastille{width:26px;height:26px}
.sr-fil-route .sr-pastille::after{inset:6px}
.sr-fil-route .est-courante a{background:var(--sr-laterite);color:#fff}
.sr-fil-route .est-courante .sr-pastille{background:#fff}
.sr-fil-route .est-courante .sr-pastille::after{background:var(--sr-laterite)}
.sr-fiche__visuel{position:relative}
.sr-fiche__photo{aspect-ratio:4/3;border-radius:var(--sr-feuille-une);overflow:hidden;box-shadow:var(--sr-ombre-2)}
.sr-fiche__photo img{width:100%;height:100%;object-fit:cover}
.sr-fiche__pastille{position:absolute;left:-22px;top:28px;width:52px;height:52px;border-radius:999px;background:var(--sr-porcelaine);display:grid;place-items:center;box-shadow:var(--sr-ombre-1)}
.sr-fiche__pastille .sr-pastille{width:40px;height:40px}
.sr-fiche__pastille img{width:36px;height:36px;border-radius:8px}
@media (max-width:900px){
	.sr-fiche__grille{grid-template-columns:1fr;gap:28px}
	.sr-fiche__visuel{order:-1}
	.sr-fiche__pastille{left:12px;top:-18px}
	.sr-fiche{padding-top:20px}
}
.sr-fiche--page{padding:28px 0 44px}
.sr-page-tete__corps{display:flex;gap:20px;align-items:flex-start}
.sr-page-tete__corps .sr-pastille{margin-top:6px}

/* Encart « Site indépendant » */
.sr-guide-haut{padding-top:28px}
.sr-guide-haut--bas{padding-block:36px 48px}
.sr-independant{display:flex;gap:14px;align-items:flex-start;background:var(--sr-vanille);border-left:4px solid var(--sr-laterite);border-radius:16px;padding:16px 22px}
.sr-independant p{margin:0;font:500 16px/1.55 var(--sr-texte);color:var(--sr-encre)}
.sr-independant__ico{flex:none;width:24px;height:24px;margin-top:2px;background:var(--sr-laterite);-webkit-mask:url(../../images/ico-info.svg) center/contain no-repeat;mask:url(../../images/ico-info.svg) center/contain no-repeat}
.sr-independant--dans{margin-bottom:28px}

/* ========== Corps de page : panneau de lecture + colonne latérale collante ========== */
.sr-guide{padding-block:20px 56px}
.sr-guide__grille{display:grid;grid-template-columns:minmax(0,1fr) var(--sb-rail);gap:40px;align-items:start}
.sr-guide__panneau{background:#fff;border-radius:24px;padding:56px;box-shadow:var(--sr-ombre-1);min-width:0}
@media (max-width:1080px){.sr-guide__grille{grid-template-columns:minmax(0,1fr)}.sr-guide__panneau{padding:36px 28px}}
@media (max-width:640px){.sr-guide__panneau{padding:26px 20px;border-radius:20px}}

.sr-guide__content,.sr-art-content,.sr-page-content{font-size:18px;line-height:1.7;color:var(--sr-encre);font-family:var(--sr-texte)}
.sr-guide__content>*:first-child,.sr-art-content>*:first-child{margin-top:0}
.sr-guide__content h2,.sr-art-content h2,.sr-page-content h2{font-size:clamp(28px,2.6vw,36px);margin:1.7em 0 .5em;padding-top:.2em}
.sr-guide__content h2::before,.sr-art-content h2::before,.sr-page-content h2::before{content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--sr-laterite);margin-bottom:14px}
.sr-guide__content h3,.sr-art-content h3,.sr-page-content h3{font-size:24px;margin:1.5em 0 .4em}
.sr-guide__content p,.sr-page-content p{margin-bottom:1.15em}
.sr-guide__content ul,.sr-guide__content ol,.sr-art-content ul,.sr-art-content ol,.sr-page-content ul,.sr-page-content ol{padding-left:1.3em;margin:0 0 1.2em}
.sr-guide__content li,.sr-art-content li,.sr-page-content li{margin-bottom:.45em}
.sr-guide__content li::marker,.sr-art-content li::marker,.sr-page-content li::marker{color:var(--sr-laterite)}
.sr-guide__content figure,.sr-art-content figure{margin:1.8em 0}
.sr-guide__content img,.sr-art-content img{border-radius:16px 56px 16px 56px;margin-block:1.4em}
.sr-guide__content figcaption,.sr-art-content figcaption{font-size:14px;color:var(--sr-doux);margin-top:8px}

/* Encart de repère */
.sa-encart{position:relative;background:var(--sr-rang);border-radius:20px;padding:22px 26px 22px 72px;margin:1.8em 0;font-size:17px;line-height:1.6}
.sa-encart::before{content:"";position:absolute;left:24px;top:22px;width:28px;height:28px;background:var(--sr-theier);-webkit-mask:url(../../images/ico-feuille.svg) center/contain no-repeat;mask:url(../../images/ico-feuille.svg) center/contain no-repeat}
.sa-encart__titre{font:700 17px/1.4 var(--sr-texte);color:var(--sr-theier);margin:0 0 4px}
.sa-encart p:last-child{margin-bottom:0}
@media (max-width:640px){.sa-encart{padding:64px 20px 20px}.sa-encart::before{left:20px;top:20px}}

/* Chiffres : tuiles blanches alignées, même largeur, Hanken 700 */
.sa-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;margin:2em 0}
.sa-chiffre{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;background:#fff;border-radius:0 0 18px 18px;border:1px solid var(--sb-filet);border-top:3px solid var(--sr-theier);padding:18px 20px 20px;box-shadow:var(--sr-ombre-1);margin:0}
.sa-chiffres>.sa-chiffre{margin:0}
.sa-chiffre__valeur{font:700 clamp(40px,4vw,56px)/1 var(--sr-texte);font-variant-numeric:tabular-nums lining-nums;color:var(--sr-laterite);letter-spacing:-.02em}
.sa-chiffre__legende{font-size:15px;line-height:1.45;color:var(--sr-doux)}
.sa-chiffres--seul{grid-template-columns:minmax(0,1fr)}
.sa-chiffres--seul .sa-chiffre{flex-direction:row;align-items:center;gap:22px;padding:16px 24px}
.sa-chiffres--seul .sa-chiffre__valeur{flex:none;min-width:2.2em}
@media (max-width:640px){
	.sa-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sa-chiffre__valeur{font-size:44px}
	.sa-chiffres--seul{grid-template-columns:minmax(0,1fr)}
	.sa-chiffres--seul .sa-chiffre{flex-direction:column;align-items:flex-start;gap:6px}
}

/* Étapes : liste verticale reliée par la ligne de route pointillée */
.sa-etapes{position:relative;display:grid;gap:18px;margin:2em 0;counter-reset:sa}
.sa-etapes::before{content:"";position:absolute;left:18px;top:20px;bottom:20px;border-left:2px dashed var(--sr-bourgeon);filter:saturate(.8) brightness(.8)}
.sa-etape{position:relative;padding:0 0 0 62px}
.sa-etape::before{content:"";position:absolute;left:0;top:0;width:36px;height:36px;border-radius:999px;background:var(--sr-theier);box-shadow:0 0 0 5px #fff}
.sa-etape::after{content:"";position:absolute;left:8px;top:8px;width:20px;height:20px;background:var(--sr-porcelaine);-webkit-mask:url(../../images/ico-feuille.svg) center/contain no-repeat;mask:url(../../images/ico-feuille.svg) center/contain no-repeat}
.sa-etape:first-child::before{background:var(--sr-bourgeon)}
.sa-etape:first-child::after{background:var(--sr-theier);-webkit-mask-image:url(../../images/ico-bourgeon.svg);mask-image:url(../../images/ico-bourgeon.svg)}
.sa-etape__titre{font:700 18px/1.4 var(--sr-texte);color:var(--sr-theier);margin:0 0 4px}
.sa-etape p:last-child{margin-bottom:0}

/* FAQ : accordéon natif en cartes blanches */
.sa-faq{background:#fff;border:1px solid var(--sb-filet);border-radius:16px;margin:0 0 10px;box-shadow:var(--sr-ombre-1);transition:border-color .25s}
.sa-faq[open]{border-color:var(--sr-laterite)}
.sa-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;font:600 18px/1.4 var(--sr-texte);color:var(--sr-encre)}
.sa-faq summary::-webkit-details-marker{display:none}
.sa-faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:999px;background:var(--sr-laterite) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s ease}
.sa-faq[open] summary::after{transform:rotate(45deg)}
.sa-faq summary:hover{color:var(--sr-laterite)}
.sa-faq>p{margin:0;padding:0 20px 18px;font-size:17px;color:var(--sr-doux);animation:sr-fondu .35s ease}
@keyframes sr-fondu{from{opacity:0}to{opacity:1}}

/* ========== Rail (bloc figé sidebar) : un seul bloc collant, plus court que la fenêtre ========== */
.sbt-rail{top:100px;gap:14px;border-left:0;padding-left:0}
.sbt-rail-carte{border-radius:20px;box-shadow:var(--sr-ombre-1);padding:18px 20px}
.sbt-sommaire{border:0;border-left:4px solid var(--sr-laterite);border-radius:14px;padding:4px 0 4px 16px;background:transparent}
.sbt-rail-carte--sommaire{padding:16px 18px}
.sbt-sommaire-titre{font:700 16px/1.3 var(--sr-texte);color:var(--sr-theier)}
.sbt-sommaire ol{margin-top:10px;gap:3px}
.sbt-sommaire li a{font-size:14px;line-height:1.35;padding:4px 0;gap:8px}
.sbt-sommaire-num{font-family:var(--sr-texte);background:var(--sr-rang);color:var(--sr-theier);width:22px;height:22px;font-size:11px;font-weight:700}
.sbt-sommaire li a.est-courant{color:var(--sr-laterite);font-weight:700}
.sbt-sommaire li a.est-courant .sbt-sommaire-num{background:var(--sr-laterite);color:#fff}
.sr-rail-progress{padding:14px 20px}
.sr-progress__piste{height:3px;background:rgba(18,58,44,.14);border-radius:3px;overflow:hidden}
.sr-progress__barre{display:block;height:100%;width:0;background:var(--sr-laterite);border-radius:3px}
.sr-progress__texte{margin:8px 0 0;font:600 13.5px/1.2 var(--sr-texte);color:var(--sr-doux)}
.sr-progress__texte b{font-weight:700;color:var(--sr-theier)}
.sr-rail-question{background:var(--sr-theier);color:var(--sr-porcelaine);border-color:transparent}
.sr-rail-question p{font-size:14.5px;line-height:1.45;margin:0 0 12px;color:rgba(250,247,239,.9)}
.sr-rail-question__titre{font:400 20px/1.2 var(--sr-titre)!important;color:var(--sr-porcelaine)!important;margin-bottom:6px!important}
@media (max-height:760px){.sr-rail-question{display:none}}
@media (max-width:1080px){
	.sbt-rail{position:static}
	.sr-rail-progress{display:none}
	.sbt-sommaire-mobile .sbt-sommaire{background:#fff;border-radius:14px;box-shadow:var(--sr-ombre-1);padding:12px 18px;border:1px solid var(--sb-filet);border-left:4px solid var(--sr-laterite)}
}
/* barre de progression fixe sous l'en-tête sur mobile */
.sr-progress-mobile{position:fixed;left:0;top:var(--sr-entete);height:3px;width:0;background:var(--sr-laterite);z-index:59;display:none}
@media (max-width:1080px){.sr-progress-mobile{display:block}}

/* ========== À lire aussi (pleine largeur, cartes en <div>) ========== */
.sr-alire{padding:56px 0 64px}
.sr-alire__titre{font-size:34px;margin-bottom:24px}
.sr-alire__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sr-alire__carte{background:#fff;border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-1);overflow:hidden;transition:transform .22s ease-out,box-shadow .22s ease-out}
.sr-alire__carte:hover{transform:translateY(-4px);box-shadow:var(--sr-ombre-2)}
.sr-alire__carte a{display:block;color:inherit;text-decoration:none}
.sr-alire__carte img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .6s ease}
.sr-alire__carte:hover img{transform:scale(1.04)}
.sr-alire__carte{overflow:hidden}
.sr-alire__corps{display:block;padding:16px 22px 20px}
.sr-alire__corps b{display:block;font:400 22px/1.25 var(--sr-titre);color:var(--sr-theier);margin-bottom:4px}
.sr-alire__corps small{display:block;font-size:14.5px;color:var(--sr-doux)}
@media (max-width:760px){.sr-alire__grille{grid-template-columns:1fr}}

/* Photos de corps et citations (guides et articles) */
.sa-photo{margin:2em 0}
.sa-photo img{display:block;width:100%;height:auto;border-radius:28px 6px 28px 6px;box-shadow:0 18px 40px -24px rgba(18,58,44,.45)}
.sa-photo figcaption{font-size:14px;line-height:1.5;color:#4E5E55;margin-top:10px}
blockquote.sa-citation{margin:2em 0;padding:6px 0 6px 26px;border-left:4px solid var(--sr-laterite,#A8381C);font-family:var(--sr-titre,Gloock,serif);font-size:22px;line-height:1.4;color:#123A2C}
blockquote.sa-citation p{margin:0}

/* Formulaire compact de la colonne (article et guide) */
.sr-form--rail{display:grid;gap:8px;margin-top:10px}
.sr-form--rail .sr-form__mini{display:grid;gap:3px;font-size:13px;font-weight:600;color:#F3F0E6}
.sr-form--rail input{width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:9px 12px;font:15px/1.3 var(--sr-texte,'Hanken Grotesk',sans-serif);color:#123A2C;background:#FFFFFF}
.sr-form--rail .sr-btn{justify-self:start;margin-top:4px}
.sr-form--rail .sr-form__etat{font-size:13px;color:#F3F0E6;margin:0}
.sr-form--rail .sr-form__piege{position:absolute;left:-9999px}

/* ==== 04-article-listes.css ==== */
/* ========== Gabarit d'article : blocs figés habillés ========== */
.sbt-article-mise-en-page{max-width:calc(var(--sr-conteneur) + 2*var(--sr-gouttiere));padding:36px var(--sr-gouttiere) 64px;grid-template-columns:minmax(0,1fr) var(--sb-rail);column-gap:40px;justify-content:stretch}
@media (max-width:1080px){.sbt-article-mise-en-page{grid-template-columns:minmax(0,1fr);padding-inline:var(--sr-marge)}}
.sbt-article-principal.sr-art-panneau{background:#fff;border-radius:24px;padding:56px;box-shadow:var(--sr-ombre-1)}
@media (max-width:1080px){.sbt-article-principal.sr-art-panneau{padding:34px 26px}}
@media (max-width:640px){.sbt-article-principal.sr-art-panneau{padding:24px 18px;border-radius:20px}}
.sbt-article-corps{font-family:var(--sr-texte);font-size:18px;line-height:1.7}
.sbt-article-corps h2,.sbt-article-corps h3{font-family:var(--sr-titre);font-weight:400;color:var(--sr-encre)}
.sbt-article-corps blockquote{border-left-color:var(--sr-laterite);background:var(--sr-rang);border-radius:0 16px 16px 0}
.sbt-article-corps a{color:var(--sr-laterite)}
.sbt-article-corps img{border-radius:16px 56px 16px 56px}

/* En-tête d'article : photo en coin-feuille sur aplat théier décalé, pastille latérite à cheval */
.sr-art-entete{position:relative;background:var(--sr-rang);padding:24px 0 64px;min-height:460px}
.sr-art-entete::before{content:"";position:absolute;inset:0;background:url(../../images/motif-rangs.svg) left bottom/1200px 176px repeat;pointer-events:none}
.sr-art-entete>*{position:relative}
.sr-art-entete__grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.sr-art-rubrique{background:var(--sr-theier)!important;color:var(--sr-porcelaine)!important;font:600 13px/1.2 var(--sr-texte)!important;text-transform:none!important;letter-spacing:.02em!important;padding:8px 16px!important;margin:0 0 16px!important}
.sr-art-rubrique:hover{background:var(--sr-theier-profond)!important}
.sr-art-titre{font-size:clamp(32px,3.8vw,54px);line-height:1.08;margin-bottom:16px}
.sr-art-chapo{font:400 20px/1.5 var(--sr-texte)!important;font-style:normal!important;color:var(--sr-doux)!important;max-width:34em}
.sr-art-auteur{gap:14px!important;margin-top:22px!important;align-items:center}
.sr-art-auteur img{width:44px!important;height:44px!important;border-radius:999px;object-fit:cover;background:var(--sr-theier)}
.sr-art-auteur__txt{display:flex;flex-direction:column;font-size:14.5px;line-height:1.4;color:var(--sr-doux)}
.sr-art-auteur__txt a{color:var(--sr-encre)!important;font-weight:700}
.sr-art-entete__visuel{position:relative;padding:0 22px 22px 0}
.sr-art-entete__visuel::before{content:"";position:absolute;left:22px;top:22px;right:0;bottom:0;background:var(--sr-theier);border-radius:var(--sr-feuille-une)}
.sr-art-photo{position:relative;aspect-ratio:4/3;border-radius:var(--sr-feuille-une);overflow:hidden;box-shadow:var(--sr-ombre-2)}
.sr-art-photo img{width:100%;height:100%;object-fit:cover}
.sr-art-lieu{position:absolute;left:-18px;bottom:46px;background:var(--sr-laterite);color:#fff;padding:8px 18px;border-radius:999px;font:600 15px/1.2 var(--sr-texte);box-shadow:var(--sr-ombre-1);max-width:calc(100% - 20px)}
@media (max-width:900px){
	.sr-art-entete{min-height:0;padding-bottom:44px}
	.sr-art-entete__grille{grid-template-columns:1fr;gap:26px}
	.sr-art-entete__visuel{order:-1;padding:0 10px 10px 0}
	.sr-art-entete__visuel::before{left:10px;top:10px}
	.sr-art-photo{aspect-ratio:auto;height:260px}
	.sr-art-lieu{left:12px;bottom:22px}
	.sr-art-titre{font-size:34px}
}

/* Boîte auteur, encadrés, FAQ (blocs figés) */
.sbt-btn{background:var(--sr-laterite);color:#fff;font-family:var(--sr-texte);font-weight:600}
.sbt-btn:hover{background:var(--sr-laterite-fonce);color:#fff}
.sbt-btn--fantome{background:transparent;border:1.5px solid var(--sr-theier);color:var(--sr-theier)}
.sbt-btn--fantome:hover{background:var(--sr-theier);color:#fff}
.sbt-auteur{border-radius:24px 56px 24px 56px;background:var(--sr-rang);border:0}
.sbt-auteur-nom,.sbt-auteur-nom a{font-family:var(--sr-titre);font-weight:400}
.sbt-auteur-role,.sbt-auteur-sur,.sbt-auteur-der p{font-family:var(--sr-texte)}
.sbt-auteur-photo img{object-fit:cover;background:var(--sr-theier)}
.sbt-encadre-titre{font-family:var(--sr-texte)}
.sbt-encadre--retenir .sbt-encadre-titre{color:var(--sr-bourgeon)}
.sbt-retenir-liste li::before{background-color:var(--sr-bourgeon);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23123A2C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.sbt-encadre--saviez{background:var(--sr-vanille)}
.sbt-encadre--saviez::before{font-family:var(--sr-titre);border-radius:999px}
.sbt-faq{background:var(--sr-rang);border:0}
.sbt-faq-liste summary{font-family:var(--sr-texte)}
.sbt-faq-liste summary::after{background-color:var(--sr-laterite);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}
.sbt-article-commentaires{padding-top:24px}

/* ========== Pied de page (bloc figé « footer » habillé) ========== */
.sr-pied{position:relative;background:var(--sr-theier-profond);color:var(--sr-porcelaine);padding:88px 0 0;margin-top:auto}
.sr-pied::before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:var(--sr-porcelaine);-webkit-mask:url(../../images/motif-lambrequin.svg) repeat-x left top/28px 24px;mask:url(../../images/motif-lambrequin.svg) repeat-x left top/28px 24px}
.sr-pied a{color:var(--sr-porcelaine);text-decoration:none;font-size:15px}
.sr-pied a:hover{color:var(--sr-bourgeon);text-decoration:underline}
.sr-pied .sbt-conteneur.sr-pied__interieur{max-width:calc(var(--sr-conteneur) + 2*var(--sr-gouttiere));padding-inline:var(--sr-gouttiere);padding-block:0}
@media (max-width:640px){.sr-pied .sbt-conteneur.sr-pied__interieur{padding-inline:var(--sr-marge)}}
.sr-pied__grille{display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1.1fr;gap:48px;padding-bottom:40px;border-bottom:0!important}
.sr-pied__logo{display:flex!important;align-items:center;gap:12px;margin-bottom:14px}
.sr-pied__logo img{width:44px;height:44px;background:none}
.sr-pied .sbt-footer-logo{font:400 26px/1 var(--sr-titre);color:var(--sr-porcelaine);margin:0}
.sr-pied__signature{font:400 18px/1.35 var(--sr-titre);color:var(--sr-porcelaine);margin:0 0 12px;max-width:20em}
.sr-pied .sbt-footer-desc{color:rgba(250,247,239,.82);font-size:15px;max-width:26em}
.sr-pied__titre{font:600 12.5px/1.3 var(--sr-texte)!important;text-transform:uppercase;letter-spacing:.16em!important;color:var(--sr-bourgeon)!important;margin:4px 0 16px!important}
.sr-pied .sbt-footer-colonne ul{gap:10px}
.sr-pied .sbt-footer-colonne ul a{font-size:15px}
.sr-pied__bas{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(250,247,239,.12);padding:22px 0 28px;color:rgba(250,247,239,.82);font-size:14px}
.sr-pied__bas p{margin:0}
.sr-pied__mention{color:var(--sr-porcelaine);font-size:15px}
@media (max-width:980px){.sr-pied__grille{grid-template-columns:1fr 1fr;gap:36px 32px}.sr-pied__marque{grid-column:1/-1}}
@media (max-width:640px){.sr-pied{padding-top:64px}.sr-pied__grille{grid-template-columns:1fr 1fr}.sr-pied__grille>:last-child{grid-column:1/-1}}
body.sr-site{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.sr-principal{flex:1 0 auto}

/* ========== Pages de liste : le carnet de dégustation ========== */
.sr-rub-tete{padding-top:88px;padding-bottom:64px;overflow:visible;z-index:2}
.sr-rub-tete__grille{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:start}
.sr-rub-tete h1{color:var(--sr-porcelaine);font-size:clamp(34px,4.2vw,56px);margin-bottom:14px}
.sr-rub-tete__desc{font-size:19px;line-height:1.5;color:rgba(250,247,239,.88);max-width:30em;margin-bottom:18px}
.sr-rub-tete__compte{margin:0;color:var(--sr-bourgeon);font:600 16px/1 var(--sr-texte)}
.sr-rub-tete__compte b{font:700 34px/1 var(--sr-texte);margin-right:6px}
.sr-terrasses{list-style:none;display:flex;gap:16px;align-items:flex-start;margin-bottom:-60px}
.sr-terrasses li{width:200px;height:260px;border-radius:18px 56px 18px 56px;overflow:hidden;box-shadow:var(--sr-ombre-2);background:var(--sr-rang)}
.sr-terrasses li:nth-child(2){margin-top:48px}
.sr-terrasses li:nth-child(3){margin-top:96px}
.sr-terrasses img{width:100%;height:100%;object-fit:cover}
@media (max-width:1000px){.sr-terrasses{display:flex;gap:10px;margin:22px 0 0;padding:0;list-style:none}.sr-terrasses li{flex:1;margin:0}.sr-terrasses img{display:block;width:100%;height:110px;object-fit:cover;border-radius:16px 4px}.sr-rub-tete__grille{grid-template-columns:1fr}.sr-rub-tete{padding-bottom:44px}}
.sr-liste-page{padding-top:56px;padding-bottom:72px}
.sr-filtres{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.sr-filtre{display:inline-flex;align-items:center;min-height:42px;padding:8px 20px;border-radius:999px;background:var(--sr-rang);color:var(--sr-theier);font:600 15px/1.2 var(--sr-texte);text-decoration:none;transition:background-color .2s,color .2s}
.sr-filtre:hover{background:#d9e2c4;color:var(--sr-theier)}
.sr-filtre.est-actif{background:var(--sr-theier);color:#fff}
.sr-liste-une{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch;margin-bottom:56px;background:#fff;border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-1);overflow:hidden}
.sr-liste-une__photo{display:block;min-height:360px;position:relative}
.sr-liste-une__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sr-liste-une__texte{position:relative;padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.sr-liste-une__num{position:absolute;right:32px;top:12px;font:700 72px/1 var(--sr-texte);color:#c9d4ad;font-variant-numeric:tabular-nums lining-nums}
.sr-liste-une h2{font-size:clamp(26px,2.6vw,34px);margin:10px 0 12px}
.sr-liste-une h2 a{color:var(--sr-encre);text-decoration:none}
.sr-liste-une h2 a:hover{color:var(--sr-laterite)}
.sr-liste-une__texte>p{color:var(--sr-doux)}
@media (max-width:900px){.sr-liste-une{grid-template-columns:1fr}.sr-liste-une__photo{min-height:230px}.sr-liste-une__texte{padding:26px 22px}.sr-liste-une__num{font-size:56px;top:6px;right:18px}}
.sr-liste{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:80px;row-gap:40px;margin-bottom:40px}
.sr-liste:not(.sr-liste--reste)::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:20px;margin-left:-10px;background:url(../../images/motif-rang-vertical.svg) center top/20px 300px repeat-y;pointer-events:none}
.js .sr-liste--reste{display:none}
.js .sr-liste--reste.est-ouvert{display:grid}
.sr-entree{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:start}
.sr-entree__photo{display:block;height:150px;border-radius:var(--sr-feuille-carte);overflow:hidden}
.sr-entree__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sr-entree:hover .sr-entree__photo img{transform:scale(1.04)}
.sr-entree__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px;font-size:14px;color:var(--sr-doux)}
.sr-entree__titre{font-size:22px;line-height:1.2;margin-bottom:6px}
.sr-entree__titre a{color:var(--sr-encre);text-decoration:none}
.sr-entree__titre a:hover{color:var(--sr-laterite)}
.sr-entree__chapo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.5;color:var(--sr-doux);margin:0}
.sr-entree--grande{grid-column:1/-1;display:block;position:relative;z-index:1;background:var(--sr-porcelaine);padding-block:6px}
.sr-entree--grande .sr-entree__photo{height:360px;border-radius:24px 80px 24px 80px;margin-bottom:18px}
.sr-entree--grande .sr-entree__titre{font-size:30px}
.sr-entree--grande .sr-entree__chapo{max-width:44em;-webkit-line-clamp:3}
@media (max-width:900px){.sr-liste{grid-template-columns:1fr;row-gap:30px}.sr-liste:not(.sr-liste--reste)::before{display:none}}
@media (max-width:560px){.sr-entree{grid-template-columns:120px minmax(0,1fr);gap:14px}.sr-entree__photo{height:110px}.sr-entree__titre{font-size:19px}.sr-entree__chapo{-webkit-line-clamp:3;font-size:15px}.sr-entree--grande .sr-entree__photo{height:220px}}
.sr-plus{margin-top:12px}
.sr-vide{text-align:center;padding:48px 0;max-width:34em;margin-inline:auto}
.sr-vide__titre{font:400 28px/1.2 var(--sr-titre)}
.sr-vide .sr-recherche{margin:20px auto}

/* Recherche */
.sr-recherche{display:flex;gap:10px;max-width:560px}
.sr-recherche input[type=search]{flex:1;min-width:0;min-height:48px;padding:10px 20px;border:1.5px solid var(--sb-filet);border-radius:999px;background:#fff;color:var(--sr-encre)}
.sr-recherche input:focus{border-color:var(--sr-laterite);outline:0;box-shadow:0 0 0 3px rgba(168,56,28,.18)}
@media (max-width:480px){.sr-recherche{flex-direction:column}}

/* 404 */
.sr-erreur{padding:72px 0 64px}
.sr-erreur__interieur{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.sr-erreur h1{margin:6px 0 10px;max-width:16em}
.sr-erreur .sr-recherche{margin:10px 0 22px}
.sr-erreur__actions{display:flex;flex-wrap:wrap;gap:12px}

/* ========== Pages annexes, équipe, formulaire ========== */
.sr-guide__grille--page .sbt-rail{top:100px}
.sr-rail-pages__titre{font:700 16px/1.3 var(--sr-texte);color:var(--sr-theier);margin:0 0 10px}
.sr-rail-pages ul{list-style:none;display:grid;gap:2px}
.sr-rail-pages a{display:block;padding:8px 0;color:var(--sr-encre);text-decoration:none;font:500 15.5px/1.3 var(--sr-texte);border-bottom:1px dashed var(--sb-filet)}
.sr-rail-pages li:last-child a{border-bottom:0}
.sr-rail-pages a:hover{color:var(--sr-laterite)}
.sr-page-content a{color:var(--sr-laterite)}
.sr-page-content>h2:first-of-type{margin-top:0}
.sr-equipe{padding-top:56px}
.sr-equipe__grille{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.sr-membre{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;background:#fff;border-radius:var(--sr-feuille-carte);box-shadow:var(--sr-ombre-1);padding:28px;scroll-margin-top:100px}
.sr-membre__portrait{width:220px;height:280px;border-radius:120px 24px 120px 24px;overflow:hidden;background:var(--sr-theier)}
.sr-membre__portrait img.avatar{width:100%;height:100%;object-fit:cover;background:var(--sr-theier)}
.sr-membre h2{font-size:30px;margin-bottom:4px}
.sr-membre__sujet{font:600 15px/1.4 var(--sr-texte);color:var(--sr-laterite);margin-bottom:10px}
.sr-membre p{font-size:16.5px;line-height:1.6}
.sr-reperes--suit{margin:0 0 14px}
.sr-reperes--suit li{background:var(--sr-rang);box-shadow:none;font-size:14px;padding:5px 12px}
@media (max-width:1100px){.sr-equipe__grille{grid-template-columns:1fr}}
@media (max-width:640px){.sr-membre{grid-template-columns:1fr;padding:22px}.sr-membre__portrait{width:180px;height:230px}}
.sr-methode{padding-bottom:64px}
.sr-methode__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px}
.sr-methode__tuile.sa-encart{background:var(--sr-porcelaine);color:var(--sr-encre);margin:0}
@media (max-width:900px){.sr-methode__grille{grid-template-columns:1fr}}

.sr-form{display:grid;gap:14px}
.sr-form__piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr-form__ligne{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sr-form__champ{margin:0;display:flex;flex-direction:column;gap:5px}
.sr-form__champ label{font:600 14px/1.3 var(--sr-texte);color:var(--sr-theier)}
.sr-form input[type=text],.sr-form input[type=email],.sr-form textarea{width:100%;min-height:46px;padding:10px 14px;border:1.5px solid var(--sb-filet);border-radius:12px;background:#fff;color:var(--sr-encre);resize:vertical}
.sr-form input:focus,.sr-form textarea:focus{border-color:var(--sr-laterite);outline:0;box-shadow:0 0 0 3px rgba(168,56,28,.18)}
.sr-form__etat:empty{display:none}
.sr-form__etat{margin:0;min-height:1.2em;font-size:15px;color:var(--sr-theier);font-weight:600}
@media (max-width:560px){.sr-form__ligne{grid-template-columns:1fr}}

/* ========== Infographies du socle (sbs_lieu, sbs_tarifs, sbs_frise, sbs_jauges) ========== */
sbs-lieu,sbs-tarifs,sbs-frise,sbs-jauges{display:block;margin:2em 0;padding:22px 26px;background:var(--sr-rang);border-radius:20px}
.sbs_lieu_nom,.sbs_tarifs_titre,.sbs_frise_titre,.sbs_jauges_titre{display:block;font:400 22px/1.2 var(--sr-titre);color:var(--sr-theier);margin-bottom:10px}
.sbs_lieu_adresse{font-style:normal;margin-bottom:6px}
.sbs_lieu_acces,.sbs_source,.sbs_tarifs_notes{display:block;font-size:14px;color:var(--sr-doux)}
.sbs_lieu_carte{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:600}
.sbs_icone_repere{fill:var(--sr-laterite)}
sbs-tarif{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:14px;align-items:center;margin-bottom:10px}
.sbs_tarif_libelle{font-size:15px;color:var(--sr-encre)}
.sbs_tarif_barre{width:100%;height:12px;border:0;border-radius:6px;background:rgba(18,58,44,.12);accent-color:var(--sr-laterite)}
.sbs_tarif_barre::-webkit-meter-bar{background:rgba(18,58,44,.12);border:0;border-radius:6px;height:12px}
.sbs_tarif_barre::-webkit-meter-optimum-value,.sbs_tarif_barre::-webkit-meter-suboptimum-value,.sbs_tarif_barre::-webkit-meter-even-less-good-value{background:var(--sr-laterite);border-radius:6px}
.sbs_tarif_barre::-moz-meter-bar{background:var(--sr-laterite);border-radius:6px}
.sbs_tarif_prix{font:700 16px/1 var(--sr-texte);color:var(--sr-theier);white-space:nowrap}
sbs-etape{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 16px;padding:10px 0 10px 18px;border-left:2px dashed var(--sr-laterite)}
.sbs_etape_date{font:700 14px/1.4 var(--sr-texte);color:var(--sr-laterite)}
.sbs_etape_titre{font:700 16px/1.4 var(--sr-texte)}
.sbs_etape_desc{grid-column:2;font-size:14.5px;color:var(--sr-doux)}
sbs-jauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
sbs-jauges .sbs_jauges_titre{grid-column:1/-1}
sbs-jauge{display:flex;flex-direction:column;background:#fff;border-radius:14px;border-top:3px solid var(--sr-theier);padding:12px 16px}
.sbs_jauge_valeur{font:700 40px/1 var(--sr-texte);color:var(--sr-laterite)}
.sbs_jauge_libelle{order:2;font-size:14px;color:var(--sr-doux)}
.sbs_jauge_unite{font-size:14px;color:var(--sr-doux)}
@media (max-width:560px){sbs-tarif{grid-template-columns:1fr 1fr}.sbs_tarif_barre{grid-column:1/-1;order:3}}

/* Mouvement réduit : tout est coupé */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}