/* Polices auto-hébergées (woff2, sous-ensemble latin) — urls relatives au dossier, sans guillemets. */
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/comfortaa-700.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-400.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/source-sans-3-600.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/source-sans-3-700.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-400-italic.woff2) format('woff2')}

/*
Theme Name: nr-courant
Theme URI: https://norellagg.com/
Author: Norell
Description: Thème code pur de Norell (VMC et air intérieur : choisir, poser, respirer). Idée : les lignes de courant, l'air qui contourne un profil. Les styles vivent dans assets/css/app.css (assemblé avec les polices et les blocs dans assets/css/tout.css).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nr-courant
*/

/* Réglages de base communs (le reste est dans assets/css/app.css). */
html{background:#F3F7FA}

/*
 * BLOC FIGÉ — ARTICLE (thématique) — CSS, habillé Norell : toutes les valeurs passent par les variables --sb-*
 * (définies dans assets/css/app.css : Air / Ardoise / Glacier / Menthe). Structure inchangée : un seul <article>,
 * « À lire aussi » hors de l'<article>. Grille corps + barre latérale : `minmax(0,1fr) var(--sb-rail)`, écart 48 px,
 * JAMAIS `justify-content: space-between|center` avec une colonne plafonnée (P-550).
 */

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

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

/* Grille corps + rail — align-items:start obligatoire pour que le rail sticky tienne sur toute la hauteur du contenu. */
.sbt-article-mise-en-page{
	display: grid; grid-template-columns: minmax(0, 1fr) var(--sb-rail, 320px);
	column-gap: 48px; row-gap: 24px;
	max-width: var(--sb-conteneur, 1180px); margin-inline: auto;
	padding: 32px var(--sb-gouttiere, 24px) 64px; align-items: start; justify-content: stretch;
}
@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-corps{ font-size: 1.0625rem; line-height: 1.7; color: var(--sb-encre); font-family: var(--sb-texte); }
.sbt-article-corps h2{ margin-top: 2.2em; font-family: var(--sb-titre); }
.sbt-article-corps h3{ margin-top: 1.8em; font-family: var(--sb-titre); }
.sbt-article-corps p{ margin-bottom: 1.3em; }
.sbt-article-corps img{ border-radius: var(--sb-rayon); margin-block: 1.6em; width: 100%; height: auto; }
.sbt-article-corps blockquote{
	margin: 1.8em 0; padding: 18px 24px; border-left: 3px solid var(--sb-accent);
	background: var(--sb-surf); border-radius: var(--sb-rayon); font-style: italic;
}

/* Sommaire replié en accordéon sur mobile uniquement (en desktop, il vit dans le rail). */
.sbt-sommaire-mobile{ display: none; }
@media (max-width: 1080px){ .sbt-sommaire-mobile{ display: block; margin-bottom: 24px; } }
/* Sous 1080px le rail passe SOUS l'article ; sa carte sommaire ferait doublon avec le sommaire mobile de tête. */
@media (max-width: 1080px){ .sbt-rail-carte--sommaire{ display: none; } }

.sbt-article-corps h2{ margin-bottom: .6em; }
.sbt-article-corps h3{ margin-bottom: .45em; }

/*
 * BLOC FIGÉ — BARRE LATÉRALE D'ARTICLE (thématique) — CSS, habillé Norell (variables --sb-*).
 */

/* Rail sticky — collé à la colonne de texte, séparation par l'écart de la grille, jamais un vide entre les deux. */
.sbt-rail{
	position: sticky; top: 88px; align-self: start;
	display: flex; flex-direction: column; gap: 16px;
}
/* ⛔ GARDE-FOU (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); border: 1px solid var(--sb-filet);
	border-radius: var(--sb-rayon); padding: 14px 16px;
}
.sbt-rail-carte .sbt-t4, .sbt-rail-carte h4{
	font-family: var(--sb-titre); font-size: .9375rem;
	color: var(--sb-encre); margin: 0 0 10px;
}

/* Sous 1080px la grille parente passe en une colonne : le rail redevient un bloc statique empilé sous le texte. */
@media (max-width: 1080px){
	.sbt-rail{ position: static; padding-top: 0; }
}

/*
 * BLOC FIGÉ — SOMMAIRE (thématique) — CSS, habillé Norell (variables --sb-*). Le sommaire n'a jamais de barre de
 * défilement interne : dans la barre latérale il se replie (voir assets/js/app.js) quand le bloc dépasse la fenêtre.
 */

.sbt-sommaire{
	background: var(--sb-fond-carte); border: 1px solid var(--sb-filet);
	border-left: 3px solid var(--sb-accent); border-radius: var(--sb-rayon);
	padding: 14px 18px;
}
.sbt-sommaire-titre{
	font-family: var(--sb-titre); 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: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sbt-sommaire li a{
	display: flex; align-items: baseline; gap: 10px; font-size: .9375rem;
	color: var(--sb-encre); text-decoration: none;
}
.sbt-sommaire li a:hover{ color: var(--sb-accent); text-decoration: underline; }
.sbt-sommaire-num{
	font-family: var(--sb-titre); font-weight: 700; font-size: .75rem;
	color: var(--sb-accent); flex-shrink: 0; min-width: 20px;
}

/*
 * BLOC FIGÉ — ENCADRÉS « LE SAVIEZ-VOUS » / « POINTS À RETENIR » (thématique) — CSS, habillé Norell.
 * « Points à retenir » : bloc Ardoise, texte blanc, coches Menthe profonde. « Le saviez-vous » : bloc Glacier à 35 %.
 */

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

.sbt-encadre-titre{
	margin: 0 0 12px; font-family: var(--sb-titre);
	font-weight: 700; font-size: 1rem;
}

/* « Points à retenir » — fond Ardoise, liste à coches. */
.sbt-encadre--retenir{
	background: var(--sb-fonce); color: var(--sb-sur-fonce);
	padding: 24px 26px;
}
.sbt-encadre--retenir .sbt-encadre-titre{ color: var(--sb-accent-clair); }
.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: 4px;
	background: var(--sb-accent)
		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. */
.sbt-encadre--saviez{
	display: grid; grid-template-columns: 4px 1fr; gap: 16px; align-items: start;
	padding: 20px 24px 20px 20px; background: var(--sb-surf);
}
.sbt-encadre--saviez::before{
	content: ""; grid-row: 1 / span 2; width: 4px; align-self: stretch; border-radius: 2px;
	background: var(--sb-accent);
}
.sbt-encadre--saviez .sbt-encadre-titre{ grid-column: 2; margin: 0; color: var(--sb-encre); }
.sbt-encadre--saviez p:not(.sbt-encadre-titre){ grid-column: 2; margin: 0; font-size: 1rem; line-height: 1.6; color: var(--sb-encre); }

/* 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 FIGÉ — FAQ EN ACCORDÉON (thématique) — CSS, habillé Norell. Mécanisme : <details>/<summary> natif, sans JS.
 * Le signe (+) est tracé en Menthe profonde.
 */

.sbt-faq{ margin: 48px 0; padding: 24px; border-radius: var(--sb-rayon-grand); background: var(--sb-surf); border: 1px solid var(--sb-filet); }
.sbt-faq-liste{ display: grid; gap: 10px; }
.sbt-faq-liste details{
	background: var(--sb-fond-carte); border: 1px solid var(--sb-filet) !important;
	border-radius: var(--sb-rayon); padding: 0 !important; transition: border-color .25s ease;
}
.sbt-faq-liste details[open]{ border-color: var(--sb-accent) !important; }
.sbt-faq-liste summary{
	list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
	gap: 18px; padding: 16px 18px; font-size: 1.03rem; font-weight: 600; line-height: 1.45; color: var(--sb-encre);
}
.sbt-faq-liste summary::-webkit-details-marker{ display: none; }
.sbt-faq-liste summary::after{
	content: ""; width: 30px; height: 30px; flex: none; border-radius: var(--sb-rayon);
	background: var(--sb-surf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23187C6F' 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); }
.sbt-faq-reponse{ padding: 0 18px 16px; font-size: .96875rem; line-height: 1.7; color: var(--sb-encre); }
.sbt-faq-reponse p{ margin: 0 0 14px; }
.sbt-faq-reponse p:last-child{ margin-bottom: 0; }

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

/*
 * BLOC FIGÉ — SIGNATURE / BOÎTE AUTEUR (thématique) — CSS, habillé Norell : portrait RECTANGULAIRE 4:5 (jamais rond),
 * coins 6 px, aucune ombre.
 */

.sbt-auteur{
	display: grid; grid-template-columns: 120px 1fr; gap: 24px; margin: 24px 0 0;
	padding: 24px; border-radius: var(--sb-rayon-grand);
	background: var(--sb-fond-carte); border: 1px solid var(--sb-filet);
}
.sbt-auteur-photo img{
	width: 120px; height: 150px; border-radius: var(--sb-rayon); object-fit: cover; display: block;
}
.sbt-auteur-sur{ margin: 0 0 2px; font-size: .875rem; color: var(--sb-doux); }
.sbt-auteur-nom{ font-size: 1.375rem; margin: 0 0 4px; font-family: var(--sb-titre); }
.sbt-auteur-nom a{ color: var(--sb-encre); text-decoration: none; }
.sbt-auteur-nom a:hover{ text-decoration: underline; }
.sbt-auteur-role{ margin: 0 0 12px; font-size: .875rem; font-weight: 600; color: var(--sb-accent); }
.sbt-auteur-bio{ font-size: .96875rem; line-height: 1.7; color: var(--sb-encre); margin: 0 0 16px; }
.sbt-auteur-chiffres{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sbt-auteur-chiffres span{ background: var(--sb-surf); border-radius: var(--sb-rayon); padding: 8px 12px; font-size: .875rem; color: var(--sb-encre); }
.sbt-auteur-chiffres b{ color: var(--sb-encre); margin-right: 4px; }
.sbt-auteur-der{ margin-bottom: 18px; }
.sbt-auteur-der p{ margin: 0 0 6px; font-size: .875rem; color: var(--sb-doux); }
.sbt-auteur-der a{ display: block; font-size: .9375rem; font-weight: 500; padding: 6px 0; color: var(--sb-encre); text-decoration: none; border-bottom: 1px solid var(--sb-filet); }
.sbt-auteur-der a:hover{ color: var(--sb-accent); }
.sbt-auteur-actions{ display: flex; flex-wrap: wrap; gap: 10px; }

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

/*
 * BLOC FIGÉ — PIED DE PAGE (thématique) — CSS, habillé Norell : pied CLAIR (Air), liens Ardoise, filets Ardoise à 12 %.
 * Les boutons (.sbt-btn) sont définis dans assets/css/app.css (Menthe plein, texte Ardoise). Bandeau cookies et pop-up
 * de sortie : règles conservées, jamais émises sur ce site.
 */

.sbt-footer{ background: var(--sb-fond-carte, #fff); color: var(--sb-encre); padding-block: 0 24px; }
.sbt-footer a{ color: var(--sb-encre); text-decoration: none; }
.sbt-footer a:hover{ color: var(--sb-accent); }

.sbt-footer-grille{ display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; padding-bottom: 32px; border-bottom: 1px solid var(--sb-filet); }
@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); font-size: .9375rem; color: var(--sb-encre); 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: .9375rem; }
.sbt-footer-logo{ display: block; font-family: var(--sb-titre); font-weight: 700; font-size: 1.125rem; color: var(--sb-encre); margin-bottom: 14px; }
.sbt-footer-desc{ color: var(--sb-encre); font-size: .9375rem; margin: 0; max-width: 32ch; }

.sbt-footer-bas{ padding-top: 20px; font-size: .875rem; color: var(--sb-doux); }

/* Bandeau cookies — deux boutons de MÊME poids (jamais émis ici). */
.sbt-cookies{
	position: fixed; left: 8px; right: 8px; bottom: 8px; z-index: 80;
	background: var(--sb-fonce); color: var(--sb-sur-fonce); border-radius: var(--sb-rayon);
	padding: 10px 14px; display: none; align-items: center; gap: 12px; max-height: 64px; overflow: hidden;
}
.sbt-cookies.est-visible{ display: flex; }
.sbt-cookies p{ margin: 0; flex: 1; min-width: 0; font-size: .75rem; line-height: 1.3; }
.sbt-cookies-actions{ display: flex; gap: 8px; flex-shrink: 0; }

/* Popup de sortie — jamais de colonne image vide (jamais émise ici : aucune offre réglée). */
.sbt-popup-sortie{ position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding: 20px; }
.sbt-popup-sortie.est-ouvert{ display: flex; }
.sbt-popup-sortie-fond{ position: absolute; inset: 0; background: var(--sb-fonce); opacity: .7; }
.sbt-popup-sortie-boite{
	position: relative; z-index: 1; background: var(--sb-fond-carte); border-radius: var(--sb-rayon);
	max-width: 720px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; max-height: 90vh;
}
.sbt-popup-sortie-boite--sans-image{ grid-template-columns: 1fr; max-width: 480px; }
@media (max-width: 640px){ .sbt-popup-sortie-boite{ grid-template-columns: 1fr; max-height: 85vh; overflow-y: auto; } }
.sbt-popup-sortie-image{ min-height: 220px; }
.sbt-popup-sortie-image img{ width: 100%; height: 100%; object-fit: cover; }
.sbt-popup-sortie-texte{ padding: 28px; color: var(--sb-encre); }
.sbt-popup-sortie-fermer{
	position: absolute; top: 12px; right: 12px; z-index: 2; width: 44px; height: 44px; border-radius: var(--sb-rayon);
	background: var(--sb-fond-carte); border: 1px solid var(--sb-filet);
	display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.sbt-popup-sortie-fermer svg{ width: 20px; height: 20px; }

/*
 * Norell — feuille du thème nr-courant (assemblée après fonts.css + style.css + blocs/*.css dans tout.css).
 * Idée : LES LIGNES DE COURANT — l'air qui contourne un profil. Filets fins et droits, sillage, bouche à fentes,
 * grille de soufflage. Palette : Air · Ardoise bleue · Bleu glacier · Menthe (+ blanc, Ardoise à 12 %, Glacier à 35 %).
 * Texte du bouton Menthe = Ardoise. Texte menthe = Menthe profonde. Mode clair uniquement.
 */

/* ============================== Jetons ============================== */
:root{
	color-scheme: light;
	--air:#F3F7FA; --ardoise:#1B2A3A; --glacier:#B0CCE8; --menthe:#24BEA9; --menthe-p:#187C6F; --blanc:#FFFFFF;
	--filet:rgba(27,42,58,.12); --filet-fort:rgba(27,42,58,.35);
	--glacier-35:rgba(176,204,232,.35); --doux:rgba(27,42,58,.74);
	--titre:'Comfortaa','Varela Round',system-ui,sans-serif; --texte:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
	--r:6px; --entete-h:64px; --cont:1312px; --marge:40px;

	/* jetons des blocs figés */
	--sb-conteneur:1180px; --sb-lecture:720px; --sb-rail:320px; --sb-gouttiere:40px;
	--sb-accent:var(--menthe-p); --sb-accent-clair:var(--glacier); --sb-encre:var(--ardoise); --sb-doux:var(--doux);
	--sb-filet:var(--filet); --sb-fond-carte:var(--blanc); --sb-surf:var(--glacier-35);
	--sb-fonce:var(--ardoise); --sb-sur-fonce:var(--blanc);
	--sb-rayon:6px; --sb-rayon-grand:6px; --sb-ombre:none; --sb-ombre-forte:none;
	--sb-titre:var(--titre); --sb-texte:var(--texte);
}

/* ============================== Base ============================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body.nr-corps{margin:0;background:var(--air);color:var(--ardoise);font-family:var(--texte);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{max-width:100%}
img{height:auto}
a{color:var(--menthe-p);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--ardoise)}
:focus-visible{outline:3px solid var(--ardoise);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--titre);font-weight:700;color:var(--ardoise);line-height:1.15;margin:0}
p{margin:0 0 1em}
.nr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nr-evitement{position:absolute;left:-999px;top:8px;background:var(--ardoise);color:var(--blanc);padding:10px 16px;z-index:100;border-radius:var(--r)}
.nr-evitement:focus{left:8px}
.nr-main{display:block}
.nr-cont{width:min(100% - 2 * var(--marge),var(--cont));margin-inline:auto}
.nr-meta{font-size:14px;color:var(--doux);margin:0}
.nr-etiquette{font-size:13px;font-weight:600;color:var(--menthe-p);margin:0 0 6px}
.nr-picto{width:1em;height:1em}

.nr-lien{display:inline-block;font-weight:700;color:var(--ardoise);text-decoration:none;border-bottom:2px solid var(--menthe);padding-bottom:1px}
.nr-lien:hover{color:var(--menthe-p)}
.nr-lien-bouton{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--ardoise);text-decoration:underline;text-decoration-color:var(--menthe);text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}
.nr-lien-bouton:hover{color:var(--menthe-p)}

/* Bouton : Menthe plein, texte Ardoise 700 (jamais blanc sur Menthe), coins 6 px, 50 px de haut */
.nr-btn,.sbt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;border-radius:var(--r);border:0;background:var(--menthe);color:var(--ardoise);font-family:var(--texte);font-weight:700;font-size:17px;line-height:1.1;text-decoration:none;cursor:pointer;transition:background-color .18s,color .18s}
.nr-btn:hover,.sbt-btn:hover{background:var(--ardoise);color:var(--blanc);transform:none;box-shadow:none}
/* le bouton reste plein : la consigne passe par le signal sur les choix, jamais par un bouton qui a l'air éteint */
.nr-btn[aria-disabled="true"]{background:var(--menthe);color:var(--ardoise)}
.nr-btn[aria-disabled="true"]:hover{background:var(--ardoise);color:var(--blanc)}
.nr-btn--petit{min-height:44px;padding:0 20px;font-size:15px}
.sbt-btn--fantome{background:transparent;border:1.5px solid var(--ardoise);color:var(--ardoise)}
.sbt-btn--petit{min-height:44px;padding:0 20px;font-size:15px}

/* Repli d'une photo manquante : aplat Glacier 35 % + 3 filets droits (un choix graphique, jamais un trou) */
.nr-repli{display:block;width:100%;height:100%;min-height:140px;background-color:var(--glacier-35);
	background-image:linear-gradient(var(--menthe),var(--menthe)),linear-gradient(var(--glacier),var(--glacier)),linear-gradient(var(--filet-fort),var(--filet-fort));
	background-size:100% 2px,100% 2px,100% 2px;background-position:0 38%,0 50%,0 62%;background-repeat:no-repeat}

/* ============================== En-tête ============================== */
.nr-entete{position:sticky;top:0;z-index:60;background:var(--air);border-bottom:1px solid var(--filet);height:var(--entete-h)}
.nr-entete-in{width:min(100% - 2 * var(--marge),var(--cont));height:100%;margin-inline:auto;display:flex;align-items:center;gap:32px}
.nr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ardoise);flex:none}
.nr-logo-symbole{display:block;width:40px;height:32px}
.nr-logo-mot{font-family:var(--titre);font-weight:700;font-size:25px;letter-spacing:-.01em;line-height:1}
.nr-menu-bouton{display:none}
.nr-nav{display:flex;align-items:center;flex:1;justify-content:space-between;gap:24px;min-width:0}
.nr-nav-liste{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.nr-nav-item a{display:block;padding:8px 0;font-size:16px;font-weight:600;color:var(--ardoise);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.nr-nav-item a:hover{border-bottom-color:var(--glacier)}
.nr-nav-item.est-actif a{border-bottom-color:var(--menthe)}
.nr-ma-vmc{flex:none;font-size:16px;font-weight:700;color:var(--ardoise);text-decoration:none;border-bottom:2px solid var(--menthe);padding:6px 0 3px;white-space:nowrap}
.nr-ma-vmc:hover{color:var(--menthe-p)}

/* ============================== Signature : 3 filets autour d'un point ============================== */
.nr-signature{position:relative;display:block;width:100%;height:30px}
.nr-signature svg{display:block;width:100%;height:30px;overflow:visible}
.nr-signature path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.nr-sig-a{stroke:var(--menthe)}
.nr-sig-b{stroke:var(--glacier);stroke-width:2.4px}
.nr-sig-c{stroke:var(--filet-fort)}
.nr-signature::after{content:"";position:absolute;left:20%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--ardoise);transform:translate(-50%,-50%)}
.nr-signature--sep{height:14px;margin:4px 0}
.nr-signature--sep svg{height:14px}
.nr-signature--pied{height:22px}
.nr-signature--pied svg{height:22px}

/* ============================== Premier écran ============================== */
.nr-hero{position:relative;overflow:hidden;background:var(--air);padding:48px 0 50px} /* 50 px en bas : l'ombre de la plaque n'est jamais coupée */
.nr-hero-in{position:relative;z-index:1;width:min(100% - 2 * var(--marge),var(--cont));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:56px;align-items:start}
.nr-hero-gauche{grid-column:1;min-width:0}
.nr-hero-tete{position:relative}
/* les filets couvrent tout le hero, derrière le texte et la bouche ; le JS les recale sur les vraies boîtes */
.nr-courants{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.nr-courants path{animation:nr-apparait .6s ease-out}
@keyframes nr-apparait{from{opacity:0}to{opacity:1}}
.nr-hero-surtitre,.nr-hero-titre,.nr-hero-chapo{position:relative;z-index:1}
.nr-hero-surtitre{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--menthe-p);line-height:1.2}
.nr-hero-titre{font-size:clamp(34px,3.9vw,58px);line-height:1.06;letter-spacing:-.01em;margin:0 0 12px}
.nr-hero-chapo{margin:0;font-size:18px;line-height:1.45;color:var(--ardoise);max-width:34em}
.nr-hero-droite{grid-column:2;grid-row:1;justify-self:end;width:min(100%,540px);display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:3;padding-bottom:20px} /* le bas du conteneur englobe la plaque qui chevauche le cercle */

/* La bouche d'extraction ronde à fentes */
.nr-bouche{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:var(--ardoise)}
.nr-bouche-bord{display:block;width:100%;height:100%;border-radius:50%;border:16px solid var(--glacier);background:var(--ardoise);overflow:hidden}
.nr-bouche-vue{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,var(--glacier),var(--menthe))}
.nr-bouche-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nr-bouche-lames{position:absolute;inset:0;width:100%;height:100%;display:block}
/* légende ancrée sous la bouche : un filet Menthe part de l'axe du disque */
/* plaque à cheval sur le bord bas-droit du cercle (≈ 70° sous l'horizontale), ombre portée : elle passe PAR-DESSUS la bouche */
.nr-bouche-plaque{position:absolute;left:67%;top:auto;bottom:0;transform:translateX(-50%);z-index:4;margin:0;padding:9px 16px 9px 14px;background:var(--blanc);border-left:4px solid var(--menthe);border-radius:var(--r);box-shadow:0 12px 28px rgba(27,42,58,.24),0 2px 6px rgba(27,42,58,.12);font-size:14.5px;font-weight:700;line-height:1.2;color:var(--ardoise);white-space:nowrap}

/* ============================== Le formulaire « Ma VMC » ============================== */
.nr-vmc{position:relative;margin:0;padding:30px 22px 18px;border-radius:var(--r);background:linear-gradient(var(--glacier-35),var(--glacier-35)),var(--air);overflow:hidden}
/* grille de soufflage : 5 fentes fines en haut */
.nr-vmc::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:repeating-linear-gradient(to bottom,var(--filet) 0 2px,transparent 2px 4px);pointer-events:none}
.nr-vmc--hero{margin-top:24px;z-index:2}
.nr-vmc-tete{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.nr-vmc-titre{margin:0;font-family:var(--titre);font-weight:700;font-size:17px;line-height:1.2}
.nr-pas{display:flex;gap:6px;list-style:none;margin:0;padding:0;width:96px;flex:none}
.nr-pas li{flex:1;height:3px;background:var(--filet-fort);border-radius:2px;transition:background-color .2s}
.nr-pas li.est-plein{background:var(--menthe)}
.nr-form-etape{display:none}
.nr-form-etape.est-active{display:block}
.nr-form-q{margin:0 0 10px;font-family:var(--titre);font-weight:700;font-size:20px;line-height:1.2;outline:none}
.nr-form-n{font-family:var(--texte);font-size:14px;font-weight:600;color:var(--menthe-p);margin-right:6px}
.nr-form-q small{font-family:var(--texte);font-size:14px;font-weight:400;color:var(--doux);margin-left:6px}
.nr-form-q--resultat{margin-bottom:8px}
.nr-choix-groupe{display:grid;gap:8px}
.nr-choix-groupe--logement{grid-template-columns:repeat(2,minmax(0,1fr))}
.nr-choix-groupe--pieces{grid-template-columns:repeat(3,minmax(0,1fr))}
.nr-choix-groupe--constat{grid-template-columns:repeat(6,minmax(0,1fr))}
.nr-choix-groupe--constat .nr-choix{grid-column:span 2}
.nr-choix-groupe--constat .nr-choix--large{grid-column:span 4}
.nr-choix{position:relative;min-height:50px;padding:8px 14px;border:1.5px solid var(--filet-fort);border-radius:var(--r);background:var(--blanc);color:var(--ardoise);font-family:var(--texte);font-size:17px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer;display:flex;align-items:center;transition:border-color .15s,box-shadow .15s}
.nr-choix:hover{border-color:var(--ardoise)}
.nr-choix[aria-checked="true"]{border-color:var(--menthe-p);box-shadow:inset 0 0 0 1.5px var(--menthe-p);padding-right:36px}
.nr-choix[aria-checked="true"]::after{content:"";position:absolute;right:12px;top:50%;width:12px;height:7px;margin-top:-6px;border-left:2.5px solid var(--menthe-p);border-bottom:2.5px solid var(--menthe-p);transform:rotate(-45deg)}
.nr-form-pied{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.nr-form-pied .nr-btn{margin-left:auto;min-width:170px}
.nr-form-msg{margin:8px 0 0;font-size:14px;line-height:1.35;color:var(--ardoise)}
.nr-form-msg:empty{display:none}
.nr-form-msg.est-ok{color:var(--menthe-p);font-weight:600}
.nr-choix-groupe.est-signale{animation:nr-signale .35s}
@keyframes nr-signale{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

/* Résultat : « Votre piste » — deux colonnes, jamais de barre de défilement interne */
.nr-resultat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 28px;font-size:15px;line-height:1.45}
.nr-resultat p{margin:0 0 8px}
.nr-res-t{font-family:var(--titre);font-weight:700;font-size:15px;margin:0 0 6px}
.nr-res-verif{list-style:none;margin:0 0 10px;padding:0}
.nr-res-verif li{position:relative;padding-left:20px;margin-bottom:4px}
.nr-res-verif li::before{content:"";position:absolute;left:0;top:.55em;width:11px;height:2px;background:var(--menthe)}
.nr-res-liens{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}
.nr-res-lien{font-weight:700;color:var(--ardoise);text-decoration:none;border-bottom:2px solid var(--menthe);align-self:flex-start;line-height:1.3}
.nr-res-lien:hover{color:var(--menthe-p)}
.nr-ville-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.nr-ville-ligne label{font-weight:600}
.nr-ville-ligne select{min-height:42px;padding:0 10px;border:1.5px solid var(--filet-fort);border-radius:var(--r);background:var(--blanc);font:inherit;color:var(--ardoise)}
.nr-ville-lien{flex-basis:100%}
.nr-form-email{margin-top:12px;padding-top:12px;border-top:1px solid var(--filet)}
.nr-form-sous{margin:0 0 8px;font-weight:700;font-size:15px}
.nr-form-ligne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:8px}
.nr-form-ligne input{min-height:48px;padding:0 12px;border:1.5px solid var(--filet-fort);border-radius:var(--r);background:var(--blanc);font:inherit;font-size:16px;color:var(--ardoise);min-width:0}
.nr-form-ligne input:focus{border-color:var(--ardoise)}
.nr-btn--ligne{min-height:48px;padding:0 22px;white-space:nowrap}
.nr-consent{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;font-size:14px;line-height:1.35;cursor:pointer}
.nr-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--menthe-p);flex:none}
.nr-rgpd{margin:6px 0 0;font-size:13px;line-height:1.35;color:var(--doux)}
.nr-form-modif{margin:8px 0 0;font-size:14px}
.nr-form-envoye{padding:6px 0;font-weight:700}

/* Le même état « résultat » dans le premier écran : le titre se compacte, le chapô s'efface */
.nr-hero.est-resultat .nr-hero-chapo{display:none}
.nr-hero.est-resultat .nr-hero-titre{font-size:clamp(28px,2.9vw,44px);margin-bottom:0}

/* Forme compacte (colonne des articles) */
.nr-vmc--compact{padding:26px 16px 14px}
.nr-vmc--compact .nr-vmc-titre{font-size:15px}
.nr-vmc--compact .nr-pas{width:48px;gap:4px}
.nr-vmc--compact .nr-vmc-tete{gap:10px;margin-bottom:10px}
.nr-vmc--compact .nr-form-q{font-size:17px;margin-bottom:8px}
.nr-vmc--compact .nr-form-q small{display:block;margin:2px 0 0}
.nr-vmc--compact .nr-choix{min-height:46px;font-size:16px;padding:6px 10px}
.nr-vmc--compact .nr-choix-groupe--constat{grid-template-columns:repeat(2,minmax(0,1fr))}
.nr-vmc--compact .nr-choix-groupe--constat .nr-choix,.nr-vmc--compact .nr-choix-groupe--constat .nr-choix--large{grid-column:span 1}
.nr-vmc--compact .nr-choix-groupe--constat .nr-choix--large{grid-column:span 2}
.nr-vmc--compact .nr-btn{min-height:46px;padding:0 20px;min-width:0}
.nr-vmc--compact .nr-resultat{grid-template-columns:minmax(0,1fr);font-size:14px}
.nr-vmc--compact .nr-form-ligne{grid-template-columns:minmax(0,1fr)}
.nr-vmc--compact .nr-btn--ligne{width:100%}
.nr-vmc--ville{margin-top:22px;max-width:640px}
[hidden]{display:none !important}
/* page ville : le formulaire de la colonne n'apparaît qu'une fois celui de l'en-tête sorti de l'écran */
.nr-ville-js .sbt-rail .nr-vmc{display:none}
.nr-ville-js .sbt-rail .nr-vmc.est-montree{display:block}
/* page ville (1440) : « Villes voisines » puis le formulaire complet, collants ensemble le long des accordéons */
.nr-article--ville .sbt-rail > .nr-vmc,.nr-ville-js .nr-article--ville .sbt-rail .nr-vmc{display:block;order:1}

/* ============================== Sections de l'accueil ============================== */
.nr-section{padding:56px 0}
.nr-sec-tete{margin-bottom:28px;max-width:46em}
.nr-sec-tete--ligne{display:flex;align-items:baseline;justify-content:space-between;gap:20px;max-width:none}
.nr-sec-titre{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.01em}
.nr-sec-intro{margin:10px 0 0;color:var(--doux);font-size:18px;line-height:1.5}

/* 1. Par où passe l'air */
.nr-coupe-zone{position:relative}
.nr-coupe{display:block;width:100%;height:auto;overflow:visible}
.nr-coupe path,.nr-coupe rect,.nr-coupe circle{vector-effect:non-scaling-stroke}
.nr-stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:-8px 0 0;padding:0}
.nr-station a{display:block;height:100%;padding:20px 16px 18px;border-top:1.5px solid var(--filet-fort);color:var(--ardoise);text-decoration:none;position:relative}
.nr-station a::before{content:"";position:absolute;left:16px;top:-2px;width:28px;height:3px;background:var(--menthe)}
.nr-station a:hover{background:var(--glacier-35)}
.nr-station-nom{display:block;font-family:var(--titre);font-weight:700;font-size:18px;line-height:1.2;margin-bottom:8px}
.nr-station-phrase{display:block;font-size:15px;line-height:1.45;color:var(--doux);margin-bottom:10px}
.nr-station-nb{display:block;font-size:14px;font-weight:700;color:var(--menthe-p)}

/* 2. Le guide à lire d'abord */
.nr-guide{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px;align-items:start}
.nr-guide--seul{grid-template-columns:minmax(0,1fr)}
.nr-une{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);overflow:hidden;align-items:stretch}
.nr-une-photo{display:block;min-height:260px;max-height:360px;background:var(--glacier-35);position:relative}
.nr-une-photo img,.nr-une-photo .nr-repli{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nr-une-texte{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:0}
.nr-une-titre{font-size:24px;margin:0 0 10px}
.nr-une-titre a{color:var(--ardoise);text-decoration:none}
.nr-une-titre a:hover{color:var(--menthe-p)}
.nr-une-extrait{margin:0 0 10px;font-size:16px;color:var(--doux);line-height:1.5}
.nr-une-texte .nr-meta{margin-bottom:14px}
.nr-une-texte .nr-lien{align-self:flex-start}
.nr-titres{list-style:none;margin:0;padding:0}
.nr-titres-item a{display:block;font-family:var(--titre);font-weight:700;font-size:18px;line-height:1.3;color:var(--ardoise);text-decoration:none;margin-bottom:4px}
.nr-titres-item a:hover{color:var(--menthe-p)}

/* vignettes des listes (guide, actualité, liens du corps) : image à la une de l'article lié */
.nr-avec-vignette{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}
.nr-vignette{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--glacier-35)}
.nr-vignette img,.nr-vignette .nr-repli{display:block;width:100%;height:100%;object-fit:cover;min-height:0}
.nr-vignette-texte{display:block;min-width:0}
.nr-vignette-texte .nr-meta{display:block}

/* 3. Ce que vous constatez */
.nr-sec-constats{background:var(--blanc);border-block:1px solid var(--filet)}
.nr-constats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:center}
.nr-symptomes{list-style:none;margin:0;padding:0}
.nr-symptome{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:4px 24px;align-items:baseline;padding:16px 0;border-top:1.5px solid var(--filet-fort)}
.nr-symptome:last-child{border-bottom:1.5px solid var(--filet-fort)}
.nr-symptome-t{grid-row:1 / span 2;margin:0;font-family:var(--titre);font-weight:700;font-size:22px;line-height:1.2}
.nr-symptome-cause{margin:0;font-size:16px;line-height:1.45;color:var(--doux)}
.nr-symptome-lien{font-weight:700;font-size:15px;color:var(--menthe-p);text-decoration-color:var(--menthe);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.nr-constats-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;max-height:440px;background:var(--glacier-35)}
.nr-constats-photo img,.nr-constats-photo .nr-repli{width:100%;height:100%;object-fit:cover;display:block}

/* 4. Les villes en repères sur 3 filets */
.nr-sec-villes{background:var(--glacier-35)}
.nr-villes-zone{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:center}
.nr-villes-zone .nr-sec-tete{margin-bottom:0}
.nr-villes-zone .nr-lien{margin-top:16px}
.nr-reperes{display:grid;gap:18px}
.nr-reperes-rang{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nr-repere{position:relative;flex:0 0 calc(100% / 9);min-width:0;padding:16px 6px 0 0;border-top:2px solid var(--filet-fort);font-weight:600;font-size:16px;line-height:1.25}
.nr-repere::before{content:"";position:absolute;left:0;top:-2px;width:3px;height:12px;background:var(--menthe)}
.nr-repere a,.nr-repere span{color:var(--ardoise);text-decoration:none;display:block;overflow-wrap:anywhere}
.nr-repere a:hover{color:var(--menthe-p);text-decoration:underline}

/* 5. L'actualité de l'air */
.nr-actu{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.nr-actu--seul{grid-template-columns:minmax(0,640px)}
.nr-actu-une{min-width:0}
.nr-actu-photo{display:block;aspect-ratio:3/2;max-height:340px;width:100%;border-radius:var(--r);overflow:hidden;background:var(--glacier-35);margin-bottom:16px}
.nr-actu-photo img,.nr-actu-photo .nr-repli{width:100%;height:100%;object-fit:cover;display:block}
.nr-actu-titre{font-size:24px;margin:6px 0 8px}
.nr-actu-titre a{color:var(--ardoise);text-decoration:none}
.nr-actu-titre a:hover{color:var(--menthe-p)}
.nr-actu-extrait{margin:0;color:var(--doux);font-size:16px}
.nr-actu-lignes{list-style:none;margin:0;padding:0}
.nr-actu-ligne{padding:18px 0;border-top:1.5px solid var(--filet-fort)}
.nr-actu-ligne:last-child{border-bottom:1.5px solid var(--filet-fort)}
.nr-actu-ligne-t{display:block;margin-top:4px;font-family:var(--titre);font-weight:700;font-size:19px;line-height:1.3;color:var(--ardoise);text-decoration:none}
.nr-actu-ligne-t:hover{color:var(--menthe-p)}

/* 6. Qui écrit Norell */
.nr-sec-auteurs{background:var(--blanc);border-top:1px solid var(--filet)}
.nr-auteurs-zone{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start}
.nr-auteurs-zone--seul{grid-template-columns:minmax(0,680px)}
.nr-auteurs{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:20px 24px}
.nr-auteur{width:150px}
.nr-auteur a{display:block;text-decoration:none;color:var(--ardoise)}
.nr-auteur-photo{display:block;width:150px;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--glacier-35);margin-bottom:10px}
.nr-auteur-photo img,.nr-portrait{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.nr-auteur-nom{display:block;font-family:var(--titre);font-weight:700;font-size:17px;line-height:1.2}
.nr-auteur a:hover .nr-auteur-nom{color:var(--menthe-p)}
.nr-auteur-role{display:block;font-size:14px;color:var(--doux);margin-top:2px}
.nr-methode-t{font-family:var(--titre);font-weight:700;font-size:22px;margin:0 0 14px}
.nr-methode p{font-size:17px;line-height:1.55}

/* ============================== Bandes sombres (Ardoise) ==============================
 * Textes Air (13,5:1), textes secondaires Air 80 % (≥ 9:1), liens et accents Menthe (6,2:1) : tout AA sur Ardoise. */
.nr-sombre{--sur:#F3F7FA;--sur-doux:rgba(243,247,250,.8);--sur-filet:rgba(243,247,250,.2);background:var(--ardoise) !important;color:var(--sur);border:0 !important}
.nr-sombre :is(h1,h2,h3,.nr-sec-titre,.nr-methode-t,.nr-symptome-t,.nr-auteur-nom,.nr-ap-texte h2){color:var(--sur)}
.nr-sombre :is(.nr-sec-intro,.nr-symptome-cause,.nr-auteur-role,.nr-methode p,.nr-ap-texte p,.nr-meta){color:var(--sur-doux)}
.nr-sombre a{color:var(--menthe)}
.nr-sombre a:hover{color:var(--sur)}
.nr-sombre .nr-lien{color:var(--sur);border-bottom-color:var(--menthe)}
.nr-sombre .nr-lien:hover{color:var(--menthe)}
.nr-sombre .nr-symptome{border-top-color:var(--sur-filet)}
.nr-sombre .nr-symptome:last-child{border-bottom-color:var(--sur-filet)}
.nr-sombre .nr-symptome-lien{color:var(--menthe);text-decoration-color:var(--menthe)}
.nr-sombre .nr-auteur a{color:var(--sur)}
.nr-sombre .nr-auteur a:hover .nr-auteur-nom{color:var(--menthe)}
.nr-sombre .nr-auteur-photo{box-shadow:0 0 0 1px var(--sur-filet)}
.nr-sombre .nr-constats-photo{box-shadow:0 18px 40px rgba(0,0,0,.35)}
/* le haut de la bande porte les 3 filets de la signature */
.nr-sombre{position:relative}
.nr-sombre::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(var(--menthe),var(--menthe)) 0 0/100% 1.5px no-repeat,linear-gradient(var(--glacier),var(--glacier)) 0 3px/100% 1.5px no-repeat,linear-gradient(var(--sur-filet),var(--sur-filet)) 0 6px/100% 1px no-repeat;pointer-events:none}

/* ============================== Cartes « grille de bouche » ============================== */
.nr-carte{background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);overflow:hidden;min-width:0}
.nr-carte-lien{display:flex;flex-direction:column;height:100%;color:var(--ardoise);text-decoration:none}
.nr-carte-fentes{display:block;height:22px;flex:none;background-color:rgba(27,42,58,.06);background-image:repeating-linear-gradient(to bottom,transparent 0 2px,var(--glacier) 2px 4px);background-size:100% 20px;background-repeat:no-repeat;background-position:0 1px}
.nr-carte-photo{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--glacier-35);flex:none}
.nr-carte-photo img,.nr-carte-photo .nr-repli{width:100%;height:100%;object-fit:cover;display:block}
.nr-carte-corps{display:block;padding:16px 18px 18px}
.nr-carte-rub{display:block;font-size:13px;font-weight:600;color:var(--menthe-p);margin-bottom:6px;line-height:1.2}
.nr-carte-titre{display:block;font-family:var(--titre);font-weight:700;font-size:20px;line-height:1.25;margin-bottom:8px}
.nr-carte-meta{display:block;font-size:14px;color:var(--doux)}
.nr-carte-lien:hover .nr-carte-titre{color:var(--menthe-p)}
.nr-carte--grande .nr-carte-photo{aspect-ratio:auto;height:clamp(240px,23vw,340px)}
.nr-carte--ligne{border:0;border-radius:0;background:none;border-top:1.5px solid var(--filet-fort)}
.nr-carte--ligne .nr-carte-lien{flex-direction:row;gap:16px;padding:14px 0;height:auto;align-items:center}
.nr-carte--ligne .nr-carte-photo{width:120px;flex:none;border-radius:var(--r)}
.nr-carte--ligne .nr-carte-corps{padding:0}
.nr-carte--ligne .nr-carte-titre{font-size:18px;margin-bottom:4px}
.nr-carte--une{border-radius:var(--r)}
.nr-carte--une .nr-carte-lien{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);height:auto}
.nr-carte--une .nr-carte-fentes{grid-column:1 / -1}
.nr-carte--une .nr-carte-photo{aspect-ratio:auto;height:clamp(260px,21vw,320px)} /* la photo ne dépasse pas le texte de plus de ~100 px : panneau sans grand vide */
.nr-carte--une .nr-carte-corps{padding:32px 34px;align-self:center}
.nr-carte--une .nr-carte-titre{font-size:28px;margin-bottom:12px}
.nr-carte-extrait{display:block;margin:0 0 16px;font-size:16.5px;line-height:1.55;color:var(--doux)}
.nr-carte-meta--une{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.nr-carte-auteur{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ardoise)}
.nr-portrait--mini{width:32px;height:40px;border-radius:4px;object-fit:cover}
.nr-carte--pleine .nr-carte-lien{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);height:auto}
.nr-carte--pleine .nr-carte-fentes{grid-column:1 / -1}
.nr-carte--pleine .nr-carte-photo{aspect-ratio:auto;height:clamp(220px,22vw,300px)}
.nr-carte--pleine .nr-carte-corps{align-self:center;padding:24px 30px}
.nr-carte--cachee{display:none}

/* ============================== Rubrique ============================== */
.nr-rh{position:relative;background:var(--glacier-35);border-bottom:1px solid var(--filet);overflow:hidden}
.nr-rh-fentes{position:absolute;top:0;right:0;bottom:0;width:50%;background:repeating-linear-gradient(to bottom,transparent 0 16px,var(--filet) 16px 18px);background-size:100% 20px;pointer-events:none}
.nr-rh-in{position:relative;padding:22px 0 34px;max-width:var(--cont)}
.nr-rh-in > *{max-width:46em}
.nr-rh--photo{min-height:240px}
.nr-rh-photo{position:absolute;top:0;right:0;bottom:0;width:42vw;overflow:hidden;background:var(--glacier-35)}
.nr-rh-photo img,.nr-rh-photo .nr-repli{width:100%;height:100%;object-fit:cover;display:block}
.nr-rh-photo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;z-index:1;background:linear-gradient(90deg,var(--menthe) 0 2px,var(--air) 2px 4px,var(--glacier) 4px 6px,var(--air) 6px 8px,var(--ardoise) 8px 10px)}
.nr-rh--photo .nr-rh-in > *{max-width:min(46em,52%)}
.nr-rh-titre{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.01em;margin:6px 0 10px}
.nr-rh-chapo{margin:0 0 8px;font-size:18px;line-height:1.5;color:var(--ardoise)}
.nr-rh-nb{margin:0;font-size:15px;font-weight:700;color:var(--menthe-p)}
.nr-rub-liste{padding:40px 0 72px}
.nr-rub-grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start;margin-top:28px}
.nr-rub-grille > .nr-g7{grid-column:span 7}
.nr-rub-grille > .nr-g5{grid-column:span 5}
.nr-rub-grille > .nr-g12{grid-column:1 / -1}
.nr-rub-villes{margin-bottom:34px;padding:26px 28px;background:var(--glacier-35);border-radius:var(--r)}
.nr-plus{text-align:center;margin:36px 0 0}
/* Actualité : bande sombre pleine largeur au milieu de la liste */
.nr-bande-actu{margin:48px calc(50% - 50vw);padding:52px calc(50vw - 50%) 48px}
.nr-bande-actu-in{max-width:var(--cont);margin-inline:auto}
.nr-bande-actu-t{font-size:clamp(24px,2.2vw,30px);margin:0 0 24px}
.nr-bande-actu-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.nr-bande-actu-liste li{padding:16px 0;border-top:1px solid var(--sur-filet)}
.nr-bande-actu-titre{display:block;margin-top:4px;font-family:var(--titre);font-weight:700;font-size:18px;line-height:1.3;color:var(--sur) !important;text-decoration:none}
.nr-bande-actu-titre:hover{color:var(--menthe) !important}
.nr-sombre .nr-vignette{box-shadow:0 0 0 1px var(--sur-filet)}
#nr-rub-grille-suite{margin-top:0}
.nr-vide{padding:40px 0;max-width:40em}

/* ============================== Fil d'Ariane ============================== */
.nr-ariane,.sbt-fil-ariane{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 14px;font-size:14px;color:var(--doux)}
.sbt-fil-ariane a{color:var(--doux);text-decoration:none}
.sbt-fil-ariane a:hover{color:var(--ardoise);text-decoration:underline}

/* ============================== En-tête d'article ============================== */
.nr-eh{background:var(--air);padding:20px 0 26px;border-bottom:1px solid var(--filet)}
.nr-eh-in{width:min(100% - 2 * var(--marge),1180px);margin-inline:auto}
.nr-eh-grille{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.nr-eh-texte{min-width:0}
.nr-eh-surtitre{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--menthe-p)}
.nr-eh-titre{font-size:clamp(30px,3.1vw,46px);line-height:1.12;letter-spacing:-.01em;margin:0 0 16px;overflow-wrap:break-word}
.nr-eh-chapo{margin:0 0 18px;font-size:19px;line-height:1.5;color:var(--ardoise);max-width:40em}
.nr-eh-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:15px;color:var(--doux);margin-bottom:8px}
.nr-eh-auteur{display:flex;align-items:center;gap:10px;color:var(--ardoise);font-weight:700;text-decoration:none}
.nr-eh-auteur:hover{color:var(--menthe-p)}
.nr-portrait--petit{width:40px;height:50px;border-radius:var(--r);object-fit:cover;flex:none}
.nr-eh-sep{width:18px;height:2px;background:var(--filet-fort)}
.nr-eh .nr-signature{margin-top:10px}
.nr-eh{position:relative;overflow:hidden}
/* La photo sort du conteneur jusqu'au bord droit de l'écran ; son coin haut est vu à travers un quart de bouche à
   fentes (la forme du site) ; la languette de rubrique est posée SUR la photo, en débord à gauche, avec une ombre. */
.nr-eh-etiquette{position:absolute;left:0;bottom:0;z-index:3;margin:0;padding:9px 16px 9px 14px;background:var(--blanc);border-left:4px solid var(--menthe);border-radius:var(--r);box-shadow:0 12px 28px rgba(27,42,58,.24),0 2px 6px rgba(27,42,58,.12);font-size:14.5px;font-weight:700;line-height:1.2;color:var(--ardoise)}
.nr-eh-etiquette a{color:var(--ardoise);text-decoration:none;border:0}
.nr-eh-etiquette a:hover{color:var(--menthe-p)}

/* ============================== Corps d'article ============================== */
.sbt-article-mise-en-page{display:grid;grid-template-columns:minmax(0,1fr) var(--sb-rail);column-gap:44px;row-gap:24px;max-width:1260px;margin-inline:auto;padding:24px 40px 56px;align-items:start;justify-content:stretch}
.sbt-article-principal{min-width:0}
.sbt-article-corps{background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);padding:clamp(22px,3.4vw,44px);font-size:17.5px;line-height:1.7;color:var(--ardoise);font-family:var(--texte)}
.sbt-article-corps > :first-child{margin-top:0}
.sbt-article-corps > :last-child{margin-bottom:0}
.sbt-article-corps h2{font-size:clamp(23px,2vw,28px);margin:2.1em 0 .6em;letter-spacing:-.005em}
.sbt-article-corps h2::before{content:"";display:block;width:32px;height:3px;background:var(--menthe);margin-bottom:14px}
.sbt-article-corps h3{font-size:clamp(19px,1.6vw,22px);margin:1.7em 0 .45em}
.sbt-article-corps p{margin:0 0 1.15em}
.sbt-article-corps a{color:var(--menthe-p)}
.sbt-article-corps a:hover{color:var(--ardoise)}
.sbt-article-corps ul,.sbt-article-corps ol{padding-left:1.3em;margin:0 0 1.2em}
.sbt-article-corps li{margin-bottom:.4em}
.sbt-article-corps img{border-radius:var(--r);margin-block:1.4em}
.sbt-article-corps blockquote{border-left:3px solid var(--menthe);background:var(--glacier-35);border-radius:0 var(--r) var(--r) 0;font-style:italic;padding:16px 22px;margin:1.6em 0}
.sbt-article-corps table{width:100%;border-collapse:collapse;font-size:16px}
.sbt-article-corps th,.sbt-article-corps td{border:1px solid var(--filet);padding:10px 12px;text-align:left}
.sbt-article-corps th{background:var(--glacier-35);font-family:var(--titre);font-weight:700}
.sbs_tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.4em 0}
.nr-fig,.nr-fig--encadre{margin:1.6em 0}
.sbt-article-corps :is(h2,h3) + .nr-fig{margin-top:.9em}
.sbt-article-corps .nr-fig + .nr-fig{margin-top:1.6em}
.sbt-sommaire-mobile{display:none}

/* étapes tirées du texte */
.nr-etapes-liste{list-style:none;margin:0;padding:0}
.nr-etape{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;padding-bottom:20px}
.nr-etape:not(:last-child)::before{content:"";position:absolute;left:21px;top:46px;bottom:2px;width:2px;background:var(--menthe)}
.nr-etape-n{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--menthe-p);border-radius:var(--r);background:var(--blanc);font-family:var(--titre);font-weight:700;font-size:20px;color:var(--ardoise)}
.nr-etape-texte > :first-child{margin-top:0}
.nr-etape-texte > :last-child{margin-bottom:0}
.sbt-article-corps .nr-etape-texte h3{margin-top:.1em}

/* ---- moules des listes (tirés du texte existant, inc/contenu.php) ---- */
/* liste à cocher en carte : bandeau de fentes de la « grille de bouche », cases carrées */
.nr-coche{background:var(--blanc);border:1px solid var(--filet-fort);border-radius:var(--r);overflow:hidden}
.nr-fentes{display:block;height:22px;background-color:rgba(27,42,58,.06);background-image:repeating-linear-gradient(to bottom,transparent 0 2px,var(--glacier) 2px 4px);background-size:100% 20px;background-repeat:no-repeat;background-position:0 1px}
.sbt-article-corps .nr-coche-liste{list-style:none;margin:0;padding:14px 22px 16px}
.sbt-article-corps .nr-coche-liste li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:10px 0;border-top:1px solid var(--filet)}
.sbt-article-corps .nr-coche-liste li:first-child{border-top:0}
.nr-coche-case{position:relative;width:22px;height:22px;margin-top:3px;border:2px solid var(--menthe-p);border-radius:4px;background:var(--blanc)}
.nr-coche-case::after{content:"";position:absolute;left:5px;top:2px;width:6px;height:11px;border:solid var(--menthe-p);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
/* encadré d'alerte : bord Ardoise épais, fond Glacier, signe « ! » carré */
.nr-alerte{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:18px 22px 16px 18px;background:var(--glacier-35);border-left:4px solid var(--ardoise);border-radius:0 var(--r) var(--r) 0}
.nr-alerte-signe{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ardoise);border-radius:4px;background:var(--blanc)}
.nr-alerte-signe::before{content:"!";font-family:var(--titre);font-weight:700;font-size:20px;line-height:1;color:var(--ardoise)}
.sbt-article-corps .nr-alerte-liste{list-style:none;margin:0;padding:0}
.sbt-article-corps .nr-alerte-liste li{margin:0;padding:6px 0;border-top:1px solid var(--filet)}
.sbt-article-corps .nr-alerte-liste li:first-child{border-top:0;padding-top:4px}
.nr-alerte-t{font-weight:700}
/* repères en cartes : filet haut + trait Menthe (comme les stations de l'accueil), 2 colonnes en grand écran */
.sbt-article-corps .nr-reps-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.sbt-article-corps .nr-rep{position:relative;margin:0;padding:16px 18px 14px;background:var(--air);border:1px solid var(--filet);border-top:2px solid var(--filet-fort);border-radius:0 0 var(--r) var(--r)}
.nr-rep::before{content:"";position:absolute;left:18px;top:-2px;width:28px;height:3px;background:var(--menthe)}
.nr-reps-liste > .nr-rep:last-child:nth-child(odd){grid-column:1 / -1}
.sbt-article-corps .nr-rep-t{margin:0 0 4px;font-family:var(--titre);font-weight:700;font-size:17px;line-height:1.3}
.nr-rep-x{font-size:16.5px;line-height:1.6}
.nr-rep-x > :last-child{margin-bottom:0}
.nr-rep-x > strong:first-child{display:block;margin:0 0 4px;font-family:var(--titre);font-weight:700;font-size:17px;line-height:1.3}
.sbt-article-corps .nr-etape-texte p{margin:0}
.sbt-article-corps .nr-etapes-liste li{margin:0}
/* « Que faire » : une phrase d'action du texte, déplacée */
.nr-afaire{padding:18px 24px 20px;background:var(--ardoise);color:#F3F7FA;border:0;border-left:4px solid var(--menthe);border-radius:0 var(--r) var(--r) 0;box-shadow:0 14px 30px rgba(27,42,58,.18)} /* bande sombre dans le corps : texte Air 13,5:1, titre Menthe 6,3:1 */
.sbt-article-corps .nr-afaire-t{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--menthe)}
.sbt-article-corps .nr-afaire-texte{margin:0;font-size:17.5px;line-height:1.6;color:#F3F7FA}
/* « À lire aussi » posé dans le corps : cartes de liens */
.sbt-article-corps .nr-liens-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sbt-article-corps .nr-liens-liste li.nr-avec-vignette{grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}
.sbt-article-corps .nr-liens-liste .nr-vignette{margin:0}
.sbt-article-corps .nr-vignette img{margin:0;border-radius:0}
.sbt-article-corps .nr-liens-liste li{margin:0;padding:12px 16px;background:var(--air);border:1px solid var(--filet);border-top:2px solid var(--filet-fort);border-radius:0 0 var(--r) var(--r);line-height:1.4}
.sbt-article-corps .nr-liens-liste a{font-weight:700;color:var(--ardoise);text-decoration:none;border-bottom:2px solid var(--menthe)}
.sbt-article-corps .nr-liens-liste a:hover{color:var(--menthe-p)}
/* exergue : une phrase du texte, déplacée */
.nr-exergue{display:grid;grid-template-columns:22px minmax(0,1fr);gap:18px;align-items:stretch;padding:22px 24px;background:var(--glacier-35);border-radius:var(--r)}
.nr-exergue-signe{display:block;background:linear-gradient(90deg,var(--menthe) 0 2px,transparent 2px 10px,var(--glacier) 10px 12px,transparent 12px 20px,var(--filet-fort) 20px 22px)}
.nr-exergue-texte{margin:0 !important;font-family:var(--titre);font-weight:700;font-size:clamp(18px,1.6vw,21px);line-height:1.45}
/* comparatif en deux colonnes */
.nr-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nr-duo-col{padding:18px 20px;background:var(--glacier-35);border-top:3px solid var(--menthe);border-radius:0 0 var(--r) var(--r)}
.nr-duo-col--b{border-top-color:var(--ardoise)}
.nr-duo-t{font-family:var(--titre);font-weight:700;font-size:19px;margin:0 0 8px !important}
.nr-duo-col p:last-child{margin-bottom:0}
/* encadrés, FAQ */
.sbt-encadre{margin-block:0;border-radius:var(--r)}
.sbt-encadre-titre{font-family:var(--titre);text-transform:none;letter-spacing:0;font-size:17px}
/* « Points à retenir » dans la forme du site : bande Glacier, les 3 filets droits de la signature descendent le long
   des points, chaque point est une station (point plein Ardoise + numéro). Jamais de carte sombre à coches. */
.sbt-article-corps .sbt-encadre--retenir{padding:22px 24px 18px;background:var(--glacier-35);color:var(--ardoise);border-radius:var(--r)}
.sbt-encadre--retenir .sbt-encadre-titre{color:var(--ardoise);font-size:19px;margin:0 0 14px}
.sbt-article-corps .sbt-retenir-liste{position:relative;counter-reset:nr-station;gap:0}
.sbt-article-corps .sbt-retenir-liste::before{content:"";position:absolute;left:6px;top:6px;bottom:10px;width:10px;background:linear-gradient(90deg,var(--menthe) 0 1.5px,transparent 1.5px 4px,var(--glacier) 4px 6px,transparent 6px 8.5px,var(--filet-fort) 8.5px 10px)}
.sbt-article-corps .sbt-retenir-liste li{counter-increment:nr-station;position:relative;padding:4px 0 12px 64px;font-size:16.5px;line-height:1.55}
.sbt-article-corps .sbt-retenir-liste li:last-child{padding-bottom:2px}
.sbt-article-corps .sbt-retenir-liste li::before{left:3px;top:.62em;width:16px;height:16px;border-radius:50%;background:var(--ardoise);background-image:none;box-shadow:0 0 0 3px var(--air)}
.sbt-article-corps .sbt-retenir-liste li::after{content:counter(nr-station,decimal-leading-zero);position:absolute;left:30px;top:4px;font-weight:700;font-size:14px;color:var(--menthe-p);line-height:1.6}
.sbt-encadre--retenir{padding:24px 26px}
.sbt-retenir-liste li::before{background-color:var(--menthe-p)}
.sbt-faq{margin:0;padding:0;border:0;background:transparent;border-radius:0}
.sbt-faq-liste details{border-radius:var(--r);background:var(--blanc)}
.sbt-faq-liste details[open]{box-shadow:none;border-color:var(--menthe-p) !important}
.sbt-faq-liste summary{font-size:1.05rem}
.sbt-faq-liste summary::after{border-radius:var(--r);background-color:var(--glacier-35)}
.sbt-faq-reponse{color:var(--ardoise)}
/* sources consultées */
.nr-sources-h2{margin-top:2.1em}
.nr-sources{padding:18px 22px;border:1px solid var(--filet);border-radius:var(--r);background:var(--air)}
.nr-sources-liste{list-style:none;margin:0;padding:0 !important}
.nr-src{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 0;border-top:1px solid var(--filet);margin:0 !important}
.nr-src:first-child{border-top:0}
.nr-src-org{font-weight:700;color:var(--ardoise)}
.nr-src-docs{display:flex;flex-wrap:wrap;gap:6px}
.nr-src-lien{font-size:15px;color:var(--menthe-p)}
.nr-src-doc{padding:2px 10px;border:1px solid var(--filet-fort);border-radius:var(--r);text-decoration:none;background:var(--blanc)}
.nr-src-doc:hover{border-color:var(--ardoise)}
.nr-sources-date,.nr-sources-intro{margin:8px 0 0 !important;font-size:14px;color:var(--doux)}
/* infographies du socle */
.nr-infographie sbs-lieu,.nr-infographie sbs-tarifs,.nr-infographie sbs-frise,.nr-infographie sbs-jauges{display:block;padding:20px 22px;background:var(--glacier-35);border-radius:var(--r)}
.sbs_lieu_nom,.sbs_tarifs_titre,.sbs_frise_titre,.sbs_jauges_titre{display:block;font-family:var(--titre);font-size:19px;margin-bottom:8px}
.sbs_lieu_adresse{display:block;font-style:normal}
.sbs_tarif{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:10px;align-items:center;margin:6px 0}
.sbs_tarif_barre{width:100%;height:12px;accent-color:var(--menthe)}
.sbs_etape{display:block;padding:8px 0 8px 16px;border-left:3px solid var(--menthe)}
.sbs_etape_date{font-weight:700;margin-right:8px}
.sbs_etape_titre{display:inline;font-family:var(--titre)}
.sbs_etape_desc{display:block;color:var(--doux)}
sbs-jauge{display:inline-block;margin:6px 28px 6px 0;vertical-align:top}
.sbs_jauge_valeur{display:block;font-family:var(--titre);font-weight:700;font-size:32px;line-height:1.1}
.sbs_jauge_libelle,.sbs_jauge_unite,.sbs_source,.sbs_tarifs_notes{display:block;font-size:14px;color:var(--doux)}
.sbs_icone_repere{width:18px;height:18px;fill:currentColor;vertical-align:-3px}
/* page ville : accordéons */
.nr-acc{border-top:1.5px solid var(--filet-fort)}
.nr-acc:last-child{border-bottom:1.5px solid var(--filet-fort)}
.nr-acc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;list-style:none}
.nr-acc summary::-webkit-details-marker{display:none}
.nr-acc summary h2{margin:0;font-size:clamp(20px,1.8vw,24px)}
.sbt-article-corps .nr-acc summary h2::before{display:none}
.nr-acc-signe{flex:none;position:relative;width:26px;height:26px;border:1.5px solid var(--filet-fort);border-radius:var(--r)}
.nr-acc-signe::before,.nr-acc-signe::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;margin-top:-1px;background:var(--menthe-p)}
.nr-acc-signe::after{transform:rotate(90deg);transition:transform .2s}
.nr-acc[open] .nr-acc-signe::after{transform:rotate(0)}
.nr-acc-corps{padding:0 0 12px}

/* ============================== Barre latérale collante ============================== */
.sbt-rail{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:14px;border-left:0;padding-left:0}
.sbt-rail > .nr-vmc{order:-1}
.sbt-rail.nr-libre{position:static}
.sbt-rail-carte{background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r);padding:14px 16px}
.sbt-sommaire{border:0;border-left:0;border-radius:0;padding:0;background:transparent}
.sbt-sommaire-titre{font-family:var(--titre);font-size:16px}
.sbt-sommaire-titre::after{content:"";}
.sbt-sommaire:not([open]) .sbt-sommaire-titre::after{content:" · " attr(data-n) " parties, ouvrir";font-family:var(--texte);font-weight:400;font-size:13px;color:var(--doux)}
.sbt-sommaire ol{margin-top:8px;gap:0}
.sbt-sommaire li a{align-items:baseline;gap:8px;font-size:14px;line-height:1.35;padding:3px 0}
.sbt-sommaire li a:hover{color:var(--menthe-p)}
.sbt-sommaire-num{width:auto;height:auto;background:transparent;border-radius:0;color:var(--menthe-p);font-size:13px;min-width:20px;justify-content:flex-start}
.sbt-sommaire-libelle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nr-rail-lien,.nr-voisines{padding:16px 18px;background:var(--glacier-35);border-radius:var(--r)}
.nr-rail-lien-t,.nr-voisines-t{margin:0 0 6px;font-family:var(--titre);font-weight:700;font-size:16px}
.nr-rail-lien p:not(.nr-rail-lien-t){margin:0 0 10px;font-size:15px}
.nr-voisines ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.nr-voisines a{font-weight:600;color:var(--ardoise);text-decoration-color:var(--menthe)}

/* ============================== Boîte auteur ============================== */
.sbt-auteur{grid-template-columns:120px minmax(0,1fr);gap:24px;margin:24px 0 0;padding:24px;border-radius:var(--r);background:var(--blanc);border:1px solid var(--filet)}
.sbt-auteur-photo img{width:120px;height:150px;border-radius:var(--r);object-fit:cover;box-shadow:none}
.sbt-auteur-sur{text-transform:none;letter-spacing:0;font-size:14px}
.sbt-auteur-nom{font-size:22px}
.sbt-auteur-nom a:hover{color:var(--menthe-p)}
.sbt-auteur-role{color:var(--menthe-p);text-transform:none;letter-spacing:0;font-size:14px}
.sbt-auteur-chiffres span{background:var(--glacier-35);border-radius:var(--r)}
.sbt-auteur-der p{text-transform:none;letter-spacing:0;font-size:14px}
.sbt-auteur-der a:hover{color:var(--menthe-p)}
.sbt-auteur-actions .sbt-btn{border-radius:var(--r)}

/* ============================== À lire aussi ============================== */
/* « À lire aussi » : bande ardoise pleine largeur entre l'article et le pied (le contraste fort de la page d'article) */
.lire-aussi{position:relative;margin-top:24px;padding:56px 0 64px;background:var(--ardoise)}
.lire-aussi::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(var(--menthe),var(--menthe)) 0 0/100% 1.5px no-repeat,linear-gradient(var(--glacier),var(--glacier)) 0 3px/100% 1.5px no-repeat,linear-gradient(rgba(243,247,250,.2),rgba(243,247,250,.2)) 0 6px/100% 1px no-repeat}
.lire-aussi .nr-alire-t{color:#F3F7FA}
.lire-aussi .nr-alire-col{background:var(--blanc);border-radius:var(--r);padding:4px 20px}
.lire-aussi .nr-alire-col .nr-carte--ligne:last-child{border-bottom:0}
.nr-alire-in{width:min(100% - 2 * var(--marge),1180px);margin-inline:auto}
.nr-alire-t{font-family:var(--titre);font-weight:700;font-size:clamp(24px,2.2vw,30px);margin:0 0 24px}
.nr-alire-grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.nr-alire-grille[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.nr-alire-col{display:flex;flex-direction:column}
.nr-alire-col .nr-carte--ligne:last-child{border-bottom:1.5px solid var(--filet-fort)}

/* ============================== Pages ============================== */
.nr-page{padding:40px 0 72px}
.nr-page-in{width:min(100% - 2 * var(--marge),760px);margin-inline:auto}
.nr-page-titre{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.01em;margin:0 0 20px}
.nr-page-corps{font-size:17.5px;line-height:1.7}
.nr-page-corps h2{font-size:26px;margin:1.9em 0 .6em}
.nr-page-corps h2::before{content:"";display:block;width:32px;height:3px;background:var(--menthe);margin-bottom:12px}
.nr-page-corps h3{font-size:20px;margin:1.6em 0 .4em}
.nr-page-corps a{color:var(--menthe-p)}
.nr-page-corps ul,.nr-page-corps ol{padding-left:1.3em}
.nr-pg-tete{background:var(--glacier-35);border-bottom:1px solid var(--filet);padding:30px 0 34px}
.nr-pg-tete .nr-cont > *{max-width:44em}
.nr-pg-titre{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.01em;margin:6px 0 10px}
.nr-pg-chapo{margin:0;font-size:19px;line-height:1.5}
.nr-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:start;padding:36px 0 72px}
.nr-contact-form{display:grid;gap:14px;padding:26px 24px;background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r)}
.nr-champ{display:grid;gap:6px;font-weight:600;font-size:15px}
.nr-champ input,.nr-champ textarea{width:100%;padding:12px 14px;border:1.5px solid var(--filet-fort);border-radius:var(--r);background:var(--air);font:inherit;font-weight:400;font-size:16px;color:var(--ardoise)}
.nr-champ textarea{min-height:120px;resize:vertical}
.nr-champ input:focus,.nr-champ textarea:focus{border-color:var(--ardoise);outline:none;background:var(--blanc)}
.nr-champs-ligne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nr-contact-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;max-height:520px;background:var(--glacier-35)}
.nr-contact-photo img,.nr-contact-photo .nr-repli{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.nr-ap-section{padding:44px 0}
.nr-ap-section + .nr-ap-section{border-top:1px solid var(--filet)}
.nr-ap-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.nr-ap-texte p{font-size:18px;line-height:1.65}
.nr-ap-texte h2{font-size:26px;margin:0 0 14px}
.nr-ap-coupe{margin-top:22px}
.nr-ap-coupe .nr-coupe{max-height:150px}
.nr-sombre .nr-coupe-trait{stroke:#F3F7FA}
.nr-sombre .nr-coupe :is(text){fill:#F3F7FA}
.nr-ap-section.nr-sombre + .nr-ap-section{border-top:0}
.nr-ap-photo{position:relative;margin:0;padding-left:16px} /* la plaque déborde de la photo, jamais de la figure */
.nr-ap-photo img,.nr-ap-photo .nr-repli{width:100%;height:auto;aspect-ratio:4/3;max-height:400px;object-fit:cover;display:block;border-radius:var(--r);background:var(--glacier-35);box-shadow:0 22px 48px rgba(27,42,58,.2)}
.nr-ap-plaque{position:absolute;left:0;bottom:22px;margin:0;padding:9px 16px 9px 14px;background:var(--blanc);border-left:4px solid var(--menthe);border-radius:var(--r);box-shadow:0 12px 28px rgba(27,42,58,.24),0 2px 6px rgba(27,42,58,.12);font-size:14.5px;font-weight:700;line-height:1.2;color:var(--ardoise)}
/* à propos : les auteurs en pleine largeur — portrait 4:5, nom, rôle, bio courte, lien vers la fiche */
.nr-ap-aut-liste{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:28px 40px;align-items:start}
.nr-ap-aut{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding-top:20px;border-top:2px solid var(--filet-fort)}
.nr-ap-aut::before{content:"";position:absolute;left:0;top:-2px;width:32px;height:3px;background:var(--menthe)}
.nr-ap-aut-photo{display:block;width:120px;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--glacier-35)}
.nr-ap-aut-photo img{display:block;width:100%;height:100%;object-fit:cover}
.nr-ap-aut-nom{margin:0 0 2px;font-family:var(--titre);font-weight:700;font-size:20px;line-height:1.25}
.nr-ap-aut-nom a{color:var(--ardoise);text-decoration:none}
.nr-ap-aut-nom a:hover{color:var(--menthe-p)}
.nr-ap-aut-role{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--menthe-p)}
.nr-ap-aut-bio{margin:0 0 10px;font-size:15.5px;line-height:1.55;color:var(--ardoise)}
.nr-ap-aut .nr-lien{font-size:15px}
.nr-aut-tete{background:var(--glacier-35);border-bottom:1px solid var(--filet);padding:28px 0 34px}
.nr-aut-in{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;align-items:center}
.nr-aut-photo{width:150px;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--glacier-35)}
.nr-aut-titre{font-size:clamp(28px,3vw,40px);margin:0 0 8px}
.nr-aut-bio{margin:0;max-width:44em;font-size:18px;line-height:1.55}
.nr-404{padding:72px 0 88px;text-align:left}
.nr-404-titre{font-size:clamp(38px,6vw,76px);letter-spacing:-.015em;margin:0 0 14px}
.nr-404-liens{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:0;list-style:none}
.nr-recherche{display:flex;gap:10px;max-width:560px;margin:22px 0 0}
.nr-recherche input[type="search"]{flex:1;min-width:0;min-height:50px;padding:0 14px;border:1.5px solid var(--filet-fort);border-radius:var(--r);background:var(--blanc);font:inherit;font-size:17px;color:var(--ardoise)}

/* ============================== Pied de page (clair) ============================== */
.sbt-footer{background:var(--air);color:var(--ardoise);padding:0 0 22px;border-top:0}
.sbt-footer .nr-signature--pied{margin:0 0 34px}
.sbt-footer .sbt-conteneur{width:min(100% - 2 * var(--marge),var(--cont));max-width:none;padding-inline:0;margin-inline:auto}
.sbt-footer a{color:var(--ardoise);text-decoration:none}
.sbt-footer a:hover{color:var(--menthe-p);text-decoration:underline}
.sbt-footer a.sbt-btn,.sbt-footer a.sbt-btn:hover{color:var(--ardoise)}
.sbt-footer-grille{grid-template-columns:1.15fr .85fr 2fr .8fr;gap:32px;padding-bottom:30px;border-bottom:1px solid var(--filet);align-items:start}
.sbt-footer-colonne .sbt-t4{font-family:var(--titre);font-size:15px;text-transform:none;letter-spacing:0;color:var(--ardoise);margin:0 0 14px}
.sbt-footer-colonne ul{gap:9px}
.sbt-footer-colonne ul a{font-size:15.5px}
.sbt-footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--titre);font-size:25px;color:var(--ardoise);margin-bottom:12px;letter-spacing:-.01em}
.sbt-footer-logo img{width:40px;height:32px}
.sbt-footer-desc{color:var(--ardoise);font-size:15.5px;max-width:30ch;margin:0 0 10px}
.nr-footer-phrase{font-size:15.5px;line-height:1.5;color:var(--doux);max-width:32ch;margin:0}
.nr-villes-pied{columns:4;column-gap:14px;display:block !important}
.nr-villes-pied li{break-inside:avoid;margin-bottom:8px;line-height:1.35}
.sbt-footer .nr-villes-pied a{font-size:14.5px}
.sbt-footer-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:18px;font-size:14px;color:var(--doux)}

/* ============================== Tablette ============================== */
@media (max-width:1180px){
	.nr-nav-liste{gap:20px}
	.nr-nav-item a,.nr-ma-vmc{font-size:15px}
	.nr-logo-mot{font-size:23px}
	.nr-entete-in{gap:22px}
}
@media (max-width:1060px){
	:root{--marge:24px;--entete-h:56px}
	.nr-entete-in{justify-content:space-between}
	.nr-menu-bouton{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;background:none;border:0;font:inherit;font-weight:700;font-size:16px;color:var(--ardoise);cursor:pointer;border-bottom:2px solid var(--menthe)}
	.nr-nav{display:none;position:fixed;top:var(--entete-h);left:0;right:0;bottom:0;background:var(--air);padding:22px 24px 40px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;overflow-y:auto}
	.nr-menu-ouvert .nr-nav{display:flex}
	.nr-menu-ouvert{overflow:hidden}
	.nr-nav-liste{flex-direction:column;align-items:stretch;gap:0}
	.nr-nav-item a{font-family:var(--titre);font-size:23px;padding:14px 0;border-bottom:1px solid var(--filet)}
	.nr-ma-vmc{align-self:flex-start;font-size:19px}
	.nr-eh-grille{grid-template-columns:minmax(0,1fr) 340px;gap:36px}
	.sbt-article-mise-en-page{grid-template-columns:minmax(0,1fr);max-width:820px}
	.sbt-rail{position:static}
	.sbt-sommaire-mobile{display:block;margin-bottom:20px}
	.sbt-rail-carte--sommaire{display:none}
	.nr-guide{grid-template-columns:minmax(0,1fr)}
	.nr-constats{grid-template-columns:minmax(0,1fr)}
	.nr-constats-photo{aspect-ratio:16/9;max-height:300px}
	.nr-villes-zone{grid-template-columns:minmax(0,1fr);gap:28px}
	.nr-actu{grid-template-columns:minmax(0,1fr);gap:28px}
	.nr-auteurs-zone{grid-template-columns:minmax(0,1fr);gap:36px}
	.nr-contact,.nr-ap-grille{grid-template-columns:minmax(0,1fr);gap:32px}
	.sbt-footer-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nr-stations{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nr-coupe{display:none}
	.nr-stations{margin-top:0}
}

/* ============================== Mobile : premier écran empilé ============================== */
@media (max-width:960px){
	.nr-hero{padding:0 0 24px}
	.nr-hero-in{display:flex;flex-direction:column;width:min(100% - 2 * var(--marge),640px)}
	.nr-hero-droite{order:-1;margin:12px 0 10px;align-self:center;width:184px;padding-bottom:16px}
	.nr-bouche-bord{border-width:9px}
	/* mobile : la plaque passe en deux lignes et chevauche le bord bas-droit du cercle (un coin dedans, un coin dehors) */
	.nr-bouche-plaque{left:auto;right:0;top:auto;bottom:0;transform:none;width:max-content;max-width:150px;white-space:normal;font-size:12.5px;line-height:1.25;padding:6px 10px;border-left-width:3px}
	html:not(.nr-js) .nr-courants{display:none}
	.nr-hero-titre{font-size:clamp(30px,8.2vw,40px)}
	.nr-hero-chapo{font-size:16px}
	.nr-masque-mobile{display:none}
	.nr-vmc--hero{margin-top:14px}
	.nr-vmc--hero .nr-vmc-tete{margin-bottom:8px}
	.nr-hero.est-resultat .nr-hero-titre{font-size:clamp(26px,7vw,34px)}
	.nr-resultat{grid-template-columns:minmax(0,1fr)}
	.nr-form-ligne{grid-template-columns:minmax(0,1fr)}
	.nr-btn--ligne{width:100%}
	.nr-eh-grille{grid-template-columns:minmax(0,1fr);gap:22px}
	.nr-rub-grille{grid-template-columns:minmax(0,1fr);gap:22px}
	.nr-rub-grille > .nr-g7,.nr-rub-grille > .nr-g5,.nr-rub-grille > .nr-g12{grid-column:1 / -1}
	.nr-carte--une .nr-carte-lien,.nr-carte--pleine .nr-carte-lien{grid-template-columns:minmax(0,1fr)}
	.nr-carte--une .nr-carte-photo{height:clamp(220px,60vw,340px)}
	.nr-carte--une .nr-carte-corps{padding:20px 18px}
	.nr-carte--une .nr-carte-titre{font-size:24px}
	.nr-carte--grande .nr-carte-photo{height:auto;aspect-ratio:3/2}
	.nr-alire-grille{grid-template-columns:minmax(0,1fr)}
	.nr-une{grid-template-columns:minmax(0,1fr)}
	.nr-une-photo{min-height:0;aspect-ratio:16/9;max-height:none}
	.nr-aut-in{grid-template-columns:100px minmax(0,1fr);gap:20px}
	.nr-aut-photo{width:100px}
}

@media (max-width:640px){
	body.nr-corps{font-size:16.5px}
	.nr-section{padding:40px 0}
	.nr-sec-tete--ligne{flex-direction:column;align-items:flex-start;gap:8px}
	.nr-vmc{padding:26px 16px 16px}
	.nr-vmc-titre{font-size:15px}
	.nr-pas{width:48px;gap:4px}
	.nr-vmc-tete{gap:10px}
	.nr-choix-groupe--constat{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nr-choix-groupe--constat .nr-choix{grid-column:span 1}
	.nr-choix-groupe--constat .nr-choix--large{grid-column:span 2}
	.nr-form-q small{display:block;margin:2px 0 0}
	/* sections de l'accueil ≤ ~900 px : rails horizontaux aimantés (la page, elle, ne défile jamais en largeur) */
	.nr-sec-intro{font-size:16.5px}
	.nr-sec-tete{margin-bottom:20px}
	.nr-rail-x{display:flex !important;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--marge);margin-inline:calc(-1 * var(--marge));padding:0 var(--marge) 10px;scrollbar-width:thin;scrollbar-color:var(--glacier) transparent}
	.nr-rail-x > *{flex:0 0 78%;scroll-snap-align:start;min-width:0}
	.nr-stations{margin:0}
	.nr-station a{background:var(--blanc);border:1px solid var(--filet);border-top:2px solid var(--filet-fort);border-radius:0 0 var(--r) var(--r);padding:18px 16px 16px}
	.nr-symptomes .nr-symptome{display:block;padding:16px;background:var(--air);border:1px solid var(--filet);border-top:2px solid var(--filet-fort);border-radius:0 0 var(--r) var(--r);position:relative}
	.nr-symptomes .nr-symptome:last-child{border-bottom:1px solid var(--filet)}
	.nr-symptome::before{content:"";position:absolute;left:16px;top:-2px;width:28px;height:3px;background:var(--menthe)}
	.nr-sombre .nr-symptomes .nr-symptome{background:#283646;border-color:var(--sur-filet);border-top-color:rgba(243,247,250,.4)}
	.nr-symptome-t{grid-row:auto;font-size:20px;margin-bottom:6px}
	.nr-symptome-cause{margin-bottom:8px}
	.nr-symptome-lien{-webkit-line-clamp:2}
	.nr-constats{gap:20px}
	.nr-constats-photo{aspect-ratio:2/1;max-height:none}
	.nr-une-photo{aspect-ratio:2/1}
	.nr-une-texte{padding:18px 18px 20px}
	.nr-une-titre{font-size:22px}
	.nr-une-extrait{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
	.nr-guide{gap:22px}
	.nr-titres-item a{font-size:17px}
	.nr-repere{flex:0 0 33.333%;font-size:15px;padding-top:12px}
	.nr-reperes{gap:14px}
	.nr-actu-photo{aspect-ratio:2/1;margin-bottom:12px}
	.nr-actu-titre{font-size:22px}
	.nr-actu-extrait{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
	.nr-actu-ligne{padding:14px 0}
	.nr-actu-lignes .nr-actu-ligne-t{font-size:17px}
	.nr-auteurs{flex-wrap:nowrap;gap:12px;margin-top:18px}
	.nr-auteur{flex:1 1 0;width:auto;min-width:0}
	.nr-auteur-photo{width:100%}
	.nr-auteur-nom{font-size:15px}
	.nr-auteur-role{font-size:13px}
	.nr-auteurs-zone{gap:28px}
	.nr-methode p{font-size:16.5px;margin-bottom:.8em}
	.sbt-article-mise-en-page{padding:22px 20px 40px}
	.sbt-article-corps{padding:20px 18px;font-size:17px}
	.nr-duo{grid-template-columns:minmax(0,1fr)}
	.sbt-article-corps .nr-reps-liste,.sbt-article-corps .nr-liens-liste{grid-template-columns:minmax(0,1fr)}
	.nr-alerte{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 16px 14px 14px}
	.nr-alerte-signe{width:28px;height:28px}
	.sbt-article-corps .nr-coche-liste{padding:10px 16px 12px}
	.nr-exergue{grid-template-columns:14px minmax(0,1fr);gap:14px;padding:18px}
	.nr-exergue-signe{background:linear-gradient(90deg,var(--menthe) 0 2px,transparent 2px 6px,var(--glacier) 6px 8px,transparent 8px 12px,var(--filet-fort) 12px 14px)}
	.nr-etape{grid-template-columns:36px minmax(0,1fr);gap:0 12px}
	.nr-etape-n{width:36px;height:36px;font-size:17px}
	.nr-etape:not(:last-child)::before{left:17px;top:38px}
	.sbt-auteur{grid-template-columns:minmax(0,1fr);padding:20px}
	.sbt-auteur-photo img{width:96px;height:120px}
	.nr-champs-ligne{grid-template-columns:minmax(0,1fr)}
	.nr-contact-form{padding:18px 16px;gap:12px}
	.nr-contact{padding:24px 0 48px}
	/* Contact : formulaire entier (bouton compris) dans 390×700 — nom et e-mail côte à côte, message plus court. */
	.nr-contact-form .nr-champs-ligne{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.nr-contact-form .nr-champ textarea{min-height:80px;height:80px}
	.nr-pg-tete:has(.nr-contact-chapo){padding:14px 0 16px}
	.nr-contact{padding-top:16px}
	.nr-contact-form{gap:10px}
	.page-template-page-contact .nr-pg-chapo,.nr-contact-chapo{font-size:16px}
	.nr-pg-tete{padding:22px 0 24px}
	.nr-page,.nr-ap-section{padding-block:32px}
	.sbt-footer-grille{grid-template-columns:minmax(0,1fr)}
	.nr-villes-pied{columns:3}
	.nr-carte--ligne .nr-carte-photo{width:96px}
	.nr-rh-fentes{width:34%}
	/* page auteur : portrait au-dessus, texte sur toute la largeur */
	.nr-aut-in{grid-template-columns:minmax(0,1fr);gap:16px}
	.nr-aut-photo{width:120px}
	/* ligne d'auteur : le nom seul sur sa ligne, puis date et temps de lecture ensemble (aucun tiret orphelin) */
	.nr-eh-meta{gap:6px 10px;font-size:14px}
	.nr-eh-sep{width:12px}
	.nr-eh-auteur{flex-basis:100%}
	.nr-eh-meta > .nr-eh-sep:first-of-type{display:none}
	.nr-ap-photo{padding-left:8px}
	.nr-ap-plaque{left:0;bottom:14px;font-size:13px}
	.nr-bande-actu-liste{grid-template-columns:minmax(0,1fr)}
	.nr-bande-actu{padding-top:36px;padding-bottom:32px}
	.nr-rh--photo{min-height:0;display:flex;flex-direction:column}
	.nr-rh-photo{position:relative;width:100%;height:150px;order:-1}
	.nr-rh-photo::before{top:auto;bottom:0;left:0;right:0;width:auto;height:10px;background:linear-gradient(180deg,var(--menthe) 0 2px,var(--air) 2px 4px,var(--glacier) 4px 6px,var(--air) 6px 8px,var(--ardoise) 8px 10px)}
	.nr-rh--photo .nr-rh-in > *{max-width:none}
	.nr-sources{padding:14px 14px}
	.nr-recherche{flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* ============================== Page ville : colonne de droite remplie (1440) ==============================
 * Villes voisines en vignettes photo + distance réelle, puis « Avant le devis » (guides réels avec vignette), puis le
 * formulaire complet, COLLANT : la colonne s'étire sur toute la hauteur de l'article et le formulaire la suit. */
.nr-voisines--photo ul{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.nr-voisines--photo li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center}
.nr-voisines--photo .nr-vignette{aspect-ratio:4/3}
.nr-voisines--photo a.nr-voisine-nom{display:block;font-family:var(--titre);font-weight:700;font-size:16px;line-height:1.25;color:var(--ardoise);text-decoration:none}
.nr-voisines--photo a.nr-voisine-nom:hover{color:var(--menthe-p)}
.nr-voisine-km{display:block;font-size:13.5px;color:var(--doux)}
.nr-rail-guides{padding:16px 18px;background:var(--blanc);border:1px solid var(--filet);border-radius:var(--r)}
.nr-rail-guides-t{margin:0 0 10px;font-family:var(--titre);font-weight:700;font-size:16px}
.nr-rail-guides ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nr-rail-guides li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}
.nr-rail-guides a.nr-rail-guide-t{font-weight:600;font-size:15px;line-height:1.35;color:var(--ardoise);text-decoration:none}
.nr-rail-guides a.nr-rail-guide-t:hover{color:var(--menthe-p);text-decoration:underline}
@media (min-width:1061px){
	.nr-article--ville .sbt-rail,.nr-article--ville .sbt-rail.nr-libre{position:static;align-self:stretch}
	.nr-article--ville .sbt-rail > .nr-vmc{position:sticky;top:84px;order:1}
}
@media (max-width:1060px){ .nr-rail-guides{display:none} }

/* ============================== En-tête d'article « la bouche » (passe 3) ==============================
 * La photo à la une vue à travers une bouche ronde de VMC (fentes concentriques), À GAUCHE du titre ; des filets droits
 * arrivent du bord gauche de l'écran et convergent dans la bouche (ils passent derrière) ; languette de rubrique à
 * cheval sur le bas de la bouche, DANS la boîte de sa colonne. Rien ne sort du conteneur à droite. */
.nr-eh--bouche .nr-eh-grille{grid-template-columns:360px minmax(0,1fr);gap:72px;align-items:center}
.nr-eh--bouche .nr-eh-texte{grid-column:2;grid-row:1}
.nr-eh--bouche .nr-eh-photo{grid-column:1;grid-row:1;position:relative;min-width:0;margin:0;padding:0 0 22px}
.nr-eh-bouche{position:relative;z-index:1;width:340px;margin-left:20px;box-shadow:0 26px 52px rgba(27,42,58,.24),0 4px 10px rgba(27,42,58,.12)}
.nr-eh-bouche .nr-bouche-bord{border-width:12px}
.nr-eh-souffle{position:absolute;top:0;height:340px;pointer-events:none;fill:none;stroke-width:1.5;overflow:visible}
.nr-eh-souffle path{stroke:var(--menthe)}
.nr-eh-souffle path:nth-child(2n){stroke:var(--glacier)}
.nr-eh-souffle path:nth-child(4){stroke:var(--filet-fort)}
/* un SVG est un élément remplacé : sa largeur doit être donnée (gauche = bord de l'écran, droite = centre de la bouche) */
.nr-eh-souffle--entree{left:calc(-1 * (100vw - min(100vw - 2 * var(--marge), 1180px)) / 2);width:calc((100vw - min(100vw - 2 * var(--marge), 1180px)) / 2 + 190px)}
.nr-eh-souffle--sortie{display:none}
.nr-eh--bouche .nr-eh-etiquette a{border:0}
@media (max-width:1180px){
	.nr-eh--bouche .nr-eh-grille{grid-template-columns:300px minmax(0,1fr);gap:48px}
	.nr-eh-bouche{width:280px}
	.nr-eh-souffle{height:280px}
	.nr-eh-souffle--entree{width:calc((100vw - min(100vw - 2 * var(--marge), 1180px)) / 2 + 160px)}
}
@media (max-width:960px){
	.nr-eh--bouche .nr-eh-grille{grid-template-columns:minmax(0,1fr);gap:18px}
	.nr-eh--bouche .nr-eh-texte,.nr-eh--bouche .nr-eh-photo{grid-column:1;grid-row:auto}
	.nr-eh--bouche .nr-eh-photo{order:-1;padding-bottom:14px}
	.nr-eh-bouche{width:184px;margin-left:12px;box-shadow:0 16px 30px rgba(27,42,58,.22)}
	.nr-eh-bouche .nr-bouche-bord{border-width:8px}
	.nr-eh-souffle{height:184px}
	.nr-eh-souffle--entree{display:none}
	.nr-eh-souffle--sortie{display:block;left:104px;width:calc(100% - 104px + var(--marge))}
	.nr-eh-etiquette{bottom:0;font-size:13px;padding:7px 12px 7px 10px}
}

/* « Dans le même dossier » (corps d'article) : panneau ardoise — la bande sombre DANS l'article ; liens Air soulignés Menthe */
.sbt-article-corps .nr-liens{margin-inline:0;padding:18px;background:var(--ardoise);border-radius:var(--r);box-shadow:0 14px 30px rgba(27,42,58,.18)}
.sbt-article-corps .nr-liens .nr-liens-liste li{background:rgba(243,247,250,.07);border:1px solid rgba(243,247,250,.16);border-top:2px solid var(--menthe)}
.sbt-article-corps .nr-liens .nr-liens-liste a{color:#F3F7FA;border-bottom-color:var(--menthe)}
.sbt-article-corps .nr-liens .nr-liens-liste a:hover{color:var(--menthe)}
.sbt-article-corps .nr-liens .nr-vignette{box-shadow:0 0 0 1px rgba(243,247,250,.2)}

/* Formulaire « Ma VMC » dans le fil de l'article (mobile et tablette) : avant le 2e intertitre ; la colonne ne le répète pas */
.nr-corps-vmc{display:none}
@media (max-width:1060px){
	.sbt-article-corps .nr-corps-vmc{display:block;margin:1.8em 0}
	.nr-a-vmc-corps .sbt-rail .nr-vmc{display:none}
}