/*
Theme Name: Gnomon
Theme URI: https://s-meridian.com
Author: Seobooster
Author URI: https://seobooster.mu
Description: Thème Méridienne — l'almanach pratique du quotidien français. Une ligne méridienne de bronze traverse chaque page, graduée I à VI, sur un fond de page asymétrique (avant-midi / après-midi) qui s'inverse en mode sombre.
Version: 1.0.0
Text Domain: gnomon
*/

/* ==========================================================================
   1. POLICES — self-hosted (P-086). Fichiers attendus dans assets/fonts/.
   ========================================================================== */
@font-face{
	font-family:'Ibarra Real Nova';
	src:url('assets/fonts/ibarra-real-nova-600.woff2') format('woff2');
	font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
	font-family:'Ibarra Real Nova';
	src:url('assets/fonts/ibarra-real-nova-700.woff2') format('woff2');
	font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
	font-family:'Ibarra Real Nova';
	src:url('assets/fonts/ibarra-real-nova-700-italic.woff2') format('woff2');
	font-weight:700;font-style:italic;font-display:swap;
}
@font-face{
	font-family:'Karla';
	src:url('assets/fonts/karla-400.woff2') format('woff2');
	font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
	font-family:'Karla';
	src:url('assets/fonts/karla-500.woff2') format('woff2');
	font-weight:500;font-style:normal;font-display:swap;
}
@font-face{
	font-family:'Karla';
	src:url('assets/fonts/karla-700.woff2') format('woff2');
	font-weight:700;font-style:normal;font-display:swap;
}

/* ==========================================================================
   2. TOKENS — palette (§8 DA). :root nu = mode clair. Redéfini en sombre par
      préférence système ET par data-theme forcé (bascule manuelle, P-351).
   ========================================================================== */
:root{
	--mrd-ombre:#DEE1E7;
	--mrd-avant-midi:#E6E9EE;
	--mrd-apres-midi:#D6DAE2;
	--mrd-feuille:#F0F2F5;
	--mrd-encre:#161A22;
	--mrd-sourde:#4E5769;
	--mrd-bronze:#0F6B4F;
	--mrd-bronze-survol:#0B4F3A;
	--mrd-trait:#8A6B2E;

	--mrd-pad:20px;
	--mrd-ligne-x:12px;
	--mrd-rayon:0; /* aucun border-radius sur le site, sauf l'ellipse (§15.3) */

	--mrd-police-titre:'Ibarra Real Nova', Georgia, serif;
	--mrd-police-texte:'Karla', -apple-system, sans-serif;
}

@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]){
		--mrd-ombre:#131721;
		--mrd-avant-midi:#171C27;
		--mrd-apres-midi:#1E2432;
		--mrd-feuille:#1B2130;
		--mrd-encre:#E4E8EF;
		--mrd-sourde:#8F9AAD;
		--mrd-bronze:#5FD1A6;
		--mrd-bronze-survol:#8BE0C0;
	}
}
:root[data-theme="dark"]{
	--mrd-ombre:#131721;
	--mrd-avant-midi:#171C27;
	--mrd-apres-midi:#1E2432;
	--mrd-feuille:#1B2130;
	--mrd-encre:#E4E8EF;
	--mrd-sourde:#8F9AAD;
	--mrd-bronze:#5FD1A6;
	--mrd-bronze-survol:#8BE0C0;
}

@media (min-width:600px){ :root{ --mrd-pad:32px; } }
@media (min-width:1024px){
	:root{
		--mrd-pad:120px;
		--mrd-ligne-x:calc(60px + 25%);
	}
}

/* ==========================================================================
   3. RESET SOBRE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
	margin:0;
	background:var(--mrd-ombre);
	color:var(--mrd-encre);
	font-family:var(--mrd-police-texte);
	font-size:1.125rem;
	line-height:1.65;
	overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--mrd-bronze);text-decoration-thickness:1px;text-underline-offset:2px;}
a:hover,a:focus{color:var(--mrd-bronze-survol);}
button,input,select,textarea{font-family:inherit;font-size:1rem;color:inherit;}
ul{margin:0;padding:0;}
h1,h2,h3,h4{font-family:var(--mrd-police-titre);font-weight:700;line-height:1.15;margin:0 0 .6em;color:var(--mrd-encre);}
h1{font-size:1.9rem;}
h2{font-size:1.75rem;}
h3{font-size:1.25rem;}
p{margin:0 0 1.1em;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}
.skip-link{position:absolute;left:-999px;top:0;background:var(--mrd-feuille);color:var(--mrd-encre);padding:.6em 1em;z-index:1000;}
.skip-link:focus{left:var(--mrd-pad);}

@media (min-width:1024px){
	h1{font-size:2.75rem;}
	h2{font-size:1.75rem;}
	h3{font-size:1.25rem;}
}

/* nombres géants — glyphe de marque du site (§11.7) */
.nombre-italique{
	font-family:var(--mrd-police-titre);
	font-style:italic;
	font-weight:700;
	font-size:2.75rem;
	line-height:1;
}
@media (min-width:1024px){ .nombre-italique{ font-size:4.5rem; } }

.legende, .carte__date, .reperes__label, figcaption, .table-almanach caption{
	font-family:var(--mrd-police-texte);
	font-weight:500;
	font-size:.875rem;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--mrd-sourde);
}
.tabulaire, table, .reperes__val{ font-variant-numeric:lining-nums tabular-nums; }

/* ==========================================================================
   4. LA LIGNE MÉRIDIENNE — squelette visible du site (§11.1)
   ========================================================================== */
.site{
	position:relative;
	max-width:1440px;
	margin:0 auto;
	padding:0 var(--mrd-pad);
	overflow-x:clip;
	background:linear-gradient(to right,
		var(--mrd-avant-midi) 0, var(--mrd-avant-midi) var(--mrd-ligne-x),
		var(--mrd-apres-midi) var(--mrd-ligne-x), var(--mrd-apres-midi) 100%);
}
.meridienne{
	position:absolute;
	top:0;bottom:0;
	left:var(--mrd-ligne-x);
	width:2px;
	background:var(--mrd-trait);
	z-index:3;
	pointer-events:none;
}

/* bande = même boîte que .site, pour que ses graduations tombent sur la ligne */
.bande{
	position:relative;
	max-width:1440px;
	margin:0 auto;
	padding:1.75rem var(--mrd-pad);
}
.bande--am{ background:var(--mrd-avant-midi); }
.bande--pm{ background:var(--mrd-apres-midi); }
.bande--feuille{ background:var(--mrd-feuille); }
.bande--large{ padding-top:2.5rem;padding-bottom:2.5rem; }

.graduation{
	position:absolute;
	left:var(--mrd-ligne-x);
	top:.9rem;
	transform:translateX(-50%);
	z-index:4;
	display:inline-flex;
	align-items:center;
	gap:.35rem;
	background:#83672C;
	color:#F4EFE2;
	font-family:var(--mrd-police-texte);
	font-weight:700;
	font-size:.75rem;
	letter-spacing:.05em;
	padding:.15rem .4rem;
	line-height:1;
}
.graduation::before{content:"";display:inline-block;width:10px;height:2px;background:#F4EFE2;}

/* ==========================================================================
   5. L'ELLIPSE DE LUMIÈRE — seul masque du site (§11.3)
   ========================================================================== */
.tache{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}
.tache--pastille{
	position:absolute;
	left:12px;bottom:12px;
	width:2.5rem;height:1.8rem;
	background:var(--mrd-bronze);
	color:var(--mrd-ombre);
	z-index:2;
}
.tache--pastille .tache__num{
	font-family:var(--mrd-police-texte);
	font-weight:700;
	font-size:.8rem;
}
.tache--portrait{
	overflow:hidden;
	width:5.5rem;height:5.5rem;
	filter:grayscale(1);
}
.tache--portrait img{width:100%;height:100%;object-fit:cover;}
.tache--puce{width:.5rem;height:.5rem;background:var(--mrd-bronze);flex:none;margin-top:.55em;}

/* ==========================================================================
   6. EN-TÊTE / NAVIGATION (P-004 : flex sans puces)
   ========================================================================== */
.entete{
	display:flex;align-items:center;justify-content:space-between;
	gap:1.5rem;flex-wrap:wrap;
	padding:1.25rem 0;
	position:relative;
	z-index:5;
}
.logo{display:inline-flex;align-items:center;color:var(--mrd-encre);text-decoration:none;}
.logo svg{display:block;height:2.1rem;width:auto;}
.logo:hover{color:var(--mrd-encre);}
/* le filet interne du logo doit tomber à l'aplomb exact de la méridienne (§7, C3) */
@media (min-width:1024px){
	.entete .logo{ margin-left:calc(var(--mrd-ligne-x) - var(--mrd-pad) - 37px); }
}

.nav-principale ul{display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;}
.nav-principale a{
	color:var(--mrd-encre);text-decoration:none;
	font-weight:500;font-size:.95rem;letter-spacing:.02em;
	padding:.25rem 0;border-bottom:2px solid transparent;
}
.nav-principale a:hover,.nav-principale a:focus{border-color:var(--mrd-bronze);}

.bascule-theme, .nav-toggle{
	background:transparent;border:1px solid var(--mrd-sourde);color:var(--mrd-encre);
	padding:.4rem .7rem;cursor:pointer;
}
.nav-toggle{display:inline-flex;}
@media (min-width:900px){ .nav-toggle{display:none;} }
.nav-principale{width:100%;}
@media (max-width:899px){
	.nav-principale{display:none;order:99;}
	.nav-principale.est-ouverte{display:block;}
	.nav-principale ul{flex-direction:column;gap:.9rem;padding:1rem 0;}
}
@media (min-width:900px){ .nav-principale{width:auto;} }

/* ==========================================================================
   7. HERO
   ========================================================================== */
.hero{position:relative;margin:0 calc(var(--mrd-pad) * -1);}
.hero__media{position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--mrd-feuille);}
.hero__media img{width:100%;height:100%;object-fit:cover;}
.hero__legende{
	position:absolute;left:0;right:0;bottom:0;
	padding:1.25rem var(--mrd-pad) 1.75rem;
	background:linear-gradient(to top, rgba(10,12,16,.78), rgba(10,12,16,0));
}
.hero__titre{color:#F4F4F2;font-size:1.6rem;margin:0;}
@media (min-width:1024px){ .hero__titre{font-size:2.2rem;max-width:60ch;} }
.hero__eyebrow{color:#E8D9B0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:.4rem;}

/* ==========================================================================
   8. REPÈRES DE MOMENT — QUAND / COMBIEN DE TEMPS / ÉCHÉANCE (§11.4)
   ========================================================================== */
.reperes{
	display:grid;grid-template-columns:1fr;gap:1rem;
	margin:1.5rem 0 2rem;
}
@media (min-width:640px){ .reperes{grid-template-columns:repeat(3,1fr);} }
.reperes__item{
	background:var(--mrd-feuille);
	border-top:2px solid var(--mrd-trait);
	padding:.9rem 1rem;
}
.reperes__label{display:block;margin-bottom:.35rem;}
.reperes__val{display:block;font-family:var(--mrd-police-titre);font-weight:600;font-size:1.15rem;}

/* ==========================================================================
   9. RUBRIQUES EN TUILES / GRILLES DE CARTES — jamais sans photo (P-206)
   ========================================================================== */
.grille-rubriques{
	display:grid;grid-template-columns:1fr;gap:1.25rem;
}
@media (min-width:640px){ .grille-rubriques{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1024px){ .grille-rubriques{grid-template-columns:repeat(3,1fr);} }

.rubrique-tuile{position:relative;display:block;text-decoration:none;color:#F4F4F2;background:var(--mrd-feuille);}
.rubrique-tuile__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#12161C;}
.rubrique-tuile__media img{width:100%;height:100%;object-fit:cover;}
.rubrique-tuile__media > .carte__photo--repli{background:repeating-linear-gradient(45deg,var(--mrd-apres-midi),var(--mrd-apres-midi) 10px,var(--mrd-feuille) 10px,var(--mrd-feuille) 20px);}
.rubrique-tuile__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(8,10,14,.72), rgba(8,10,14,.05) 55%);}
.rubrique-tuile__nom{
	position:absolute;left:1rem;right:3rem;bottom:1rem;z-index:1;
	background:#12161C;padding:.4rem .6rem;
	font-family:var(--mrd-police-titre);font-weight:700;font-size:1.15rem;line-height:1.2;
	text-shadow:0 1px 3px rgba(8,10,14,.85);
}
.rubrique-tuile .tache--pastille{right:12px;left:auto;bottom:12px;}

.grille-cartes{display:grid;grid-template-columns:1fr;gap:1.5rem;}
@media (min-width:640px){ .grille-cartes{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1024px){ .grille-cartes{grid-template-columns:repeat(3,1fr);} }

.carte{background:var(--mrd-feuille);}
.carte__lien{display:block;color:inherit;text-decoration:none;}
.carte__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--mrd-avant-midi);}
.carte__photo{width:100%;height:100%;object-fit:cover;}
.carte__photo--repli{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--mrd-avant-midi),var(--mrd-avant-midi) 10px,var(--mrd-apres-midi) 10px,var(--mrd-apres-midi) 20px);}
.carte__corps{display:block;padding:.9rem 1rem 1.1rem;}
.carte__titre{display:block;font-family:var(--mrd-police-titre);font-weight:600;font-size:1.05rem;line-height:1.3;color:var(--mrd-encre);margin-bottom:.4rem;}
.carte:hover .carte__titre{color:var(--mrd-bronze);}
.carte__date{display:block;}

/* ==========================================================================
   10. LE PILIER DU MOMENT — image pleine hauteur à gauche
   ========================================================================== */
.pilier{display:grid;grid-template-columns:1fr;gap:0;}
@media (min-width:900px){ .pilier{grid-template-columns:1fr 1.3fr;align-items:stretch;} }
.pilier__media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--mrd-feuille);}
.pilier__media img{width:100%;height:100%;object-fit:cover;}
.pilier__corps{padding:1.5rem 0;display:flex;flex-direction:column;justify-content:center;gap:.75rem;}
@media (min-width:900px){ .pilier__corps{padding:1.5rem 2.5rem;} }

/* ==========================================================================
   11. ÉPHÉMÉRIDE — saisonnier et perpétuel (§11.6)
   ========================================================================== */
.ephemeride{list-style:none;display:flex;flex-direction:column;gap:0;}
.ephemeride__item{
	display:flex;gap:1rem;align-items:baseline;
	padding:.85rem 0;border-bottom:1px solid var(--mrd-trait);
}
.ephemeride__item:last-child{border-bottom:0;}
.ephemeride__periode{font-family:var(--mrd-police-texte);font-weight:700;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mrd-bronze);white-space:nowrap;}
.ephemeride__texte{margin:0;}

/* ==========================================================================
   12. TUILES DE NOMBRES GÉANTS (§11.7)
   ========================================================================== */
.grille-nombres{display:grid;grid-template-columns:1fr;gap:1.25rem;}
@media (min-width:768px){ .grille-nombres{grid-template-columns:repeat(3,1fr);} }
.tuile-nombre{background:var(--mrd-feuille);padding:1.5rem;border-bottom:2px solid var(--mrd-trait);}
.tuile-nombre .nombre-italique{color:var(--mrd-encre);display:block;}
.tuile-nombre__unite{display:block;margin-top:.4rem;font-weight:500;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mrd-sourde);}

/* ==========================================================================
   13. TABLE D'ALMANACH — réglure par teinte, jamais de zébrure grise (§11.5)
   ========================================================================== */
.sbs_tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;}
.sbs_tableau table, .entry-content table{
	border-collapse:collapse;width:100%;min-width:480px;
	font-family:var(--mrd-police-texte);font-size:.95rem;
}
.sbs_tableau caption, .entry-content table caption{
	text-align:left;padding:.4rem 0;
}
.sbs_tableau th, .sbs_tableau td, .entry-content table th, .entry-content table td{
	padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--mrd-trait);
	font-variant-numeric:lining-nums tabular-nums;
}
.sbs_tableau thead th, .entry-content table thead th{
	font-family:var(--mrd-police-titre);font-weight:700;background:var(--mrd-avant-midi);
	border-bottom:1px solid var(--mrd-trait);
}
.sbs_tableau tbody tr:nth-child(even) td, .entry-content table tbody tr:nth-child(even) td{background:var(--mrd-feuille);}
.sbs_tableau tbody tr:nth-child(odd) td, .entry-content table tbody tr:nth-child(odd) td{background:var(--mrd-ombre);}
.table-almanach__date{display:block;margin-top:.5rem;font-size:.8rem;color:var(--mrd-sourde);}

/* ==========================================================================
   14. IMAGE À LA UNE — plafonnée en hauteur (single/page)
   ========================================================================== */
.article__une{margin:0 0 1.75rem;position:relative;max-width:900px;}
.article__une img{width:100%;max-height:420px;object-fit:cover;display:block;border-bottom:3px solid var(--mrd-trait);}
.article__une figcaption{margin-top:.5rem;font-size:.8rem;line-height:1.4;color:var(--mrd-sourde);}

/* ==========================================================================
   15. BLOC AUTEUR — écusson (P-206 gabarit)
   ========================================================================== */
.bloc-auteur{
	display:flex;gap:1.1rem;align-items:flex-start;
	background:var(--mrd-feuille);padding:1.25rem;
	border-top:2px solid var(--mrd-trait);
	margin:2.5rem 0;
}
.bloc-auteur__corps{flex:1;}
.bloc-auteur__nom{font-family:var(--mrd-police-titre);font-weight:700;font-size:1.1rem;margin:0 0 .3rem;}
.bloc-auteur__bio{margin:0 0 .5rem;font-size:.95rem;}
.bloc-auteur__maj{font-size:.8rem;color:var(--mrd-sourde);}

/* ==========================================================================
   16. FORMULAIRES (rendu ; la logique est dans le socle)
   ========================================================================== */
.formulaire{display:flex;flex-direction:column;gap:1rem;max-width:34rem;}
.formulaire__champ{display:flex;flex-direction:column;gap:.35rem;}
.formulaire__champ label{font-size:.85rem;font-weight:500;letter-spacing:.03em;}
.formulaire input, .formulaire textarea{
	background:var(--mrd-ombre);color:var(--mrd-encre);
	border:1px solid var(--mrd-sourde);padding:.7rem .85rem;
}
.formulaire input:focus, .formulaire textarea:focus{outline:2px solid var(--mrd-bronze);outline-offset:1px;}
.formulaire button{
	align-self:flex-start;background:var(--mrd-bronze);color:var(--mrd-ombre);
	border:0;padding:.75rem 1.5rem;font-weight:700;cursor:pointer;
}
.formulaire button:hover{background:var(--mrd-bronze-survol);}
.formulaire .piege{position:absolute;left:-9999px;}

.recherche-form{display:flex;gap:.5rem;}
.recherche-form input[type="search"]{flex:1;background:var(--mrd-feuille);border:1px solid var(--mrd-sourde);padding:.6rem .8rem;}
.recherche-form button{background:var(--mrd-bronze);color:var(--mrd-ombre);border:0;padding:.6rem 1rem;cursor:pointer;}

/* ==========================================================================
   17. PIED DE PAGE — dense (§10.8)
   ========================================================================== */
.pied{background:var(--mrd-feuille);border-top:2px solid var(--mrd-trait);padding:3rem 0 2rem;margin-top:3rem;}
.pied__grille{display:grid;grid-template-columns:1fr;gap:2.25rem;}
@media (min-width:768px){ .pied__grille{grid-template-columns:repeat(3,1fr);} }
/* 6 colonnes dans une zone decalee de 25 % cassent « FAMILLE & PREMIERS AGES »
   sur quatre lignes (mesure sur capture 1440 du 31/08/2026) : on reste a 3
   quelle que soit la largeur d'écran (C4, correctif 31/08/2026). */
.pied__rubrique h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--mrd-trait);padding-bottom:.5rem;margin-bottom:.75rem;}
.pied__rubrique ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
.pied__rubrique a{color:var(--mrd-encre);text-decoration:none;font-size:.9rem;}
.pied__rubrique a:hover{color:var(--mrd-bronze);}

.pied__signatures{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2.5rem 0;}
@media (min-width:640px){ .pied__signatures{grid-template-columns:repeat(3,1fr);} }
.signature{display:flex;gap:1rem;align-items:flex-start;}
.signature__nom{font-family:var(--mrd-police-titre);font-weight:700;margin:0 0 .3rem;}
.signature__role{font-size:.8rem;color:var(--mrd-sourde);display:block;margin-bottom:.4rem;}

.pied__bas{
	display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;
	border-top:1px solid var(--mrd-sourde);padding-top:1.5rem;margin-top:2rem;
	font-size:.85rem;color:var(--mrd-sourde);
}
.pied__bas ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;}
.pied__bas a{color:var(--mrd-sourde);}
.pied__bas a:hover{color:var(--mrd-bronze);}

/* ==========================================================================
   18. PAGES SPÉCIALES
   ========================================================================== */
.page-404{padding:4rem 0;text-align:left;}
.page-404 .nombre-italique{display:block;color:var(--mrd-trait);margin-bottom:1rem;}

.entry-content > * + *{margin-top:1.2em;}
.entry-content h2{margin-top:2em;}
.entry-content ul, .entry-content ol{padding-left:1.4em;}
.entry-content li + li{margin-top:.4em;}

.temps-lecture{color:var(--mrd-sourde);font-size:.85rem;}

main{display:block;position:relative;z-index:1;}
.conteneur{max-width:900px;}

/* mobile 390 : jamais de débordement horizontal (P-206 mobile) */
@media (max-width:389px){
	body{font-size:1.05rem;}
	.hero__titre{font-size:1.35rem;}
}

/* ==========================================================================
   18. LA COLONNE GAUCHE — GRILLE ASYMÉTRIQUE DES BANDES (correctif 31/08/2026)
   Le correctif du 31/08 poussait tout le contenu à droite de la ligne pour
   qu'elle ne coupe plus les mots ; il a supprimé du même coup la colonne de
   gauche voulue par la DA (§10) — 0 colonne à gauche, une gouttière morte.
   La ligne redevient une frontière ENTRE deux colonnes de contenu réel
   (chiffre romain, intitulé, sommaire ancré, date de relecture à gauche ;
   le corps de la bande à droite), jamais un padding qu'on fuit.
   ========================================================================== */
@media (min-width:1024px){
	.bande:not(.entete){
		display:grid;
		grid-template-columns:calc(var(--mrd-ligne-x) - var(--mrd-pad)) 1fr;
		column-gap:40px;
	}
	.bande__marge{ grid-column:1; text-align:right; padding-right:18px; }
	.bande__corps{ grid-column:2; }
	/* une bande sans marge déclarée ne laisse pas un trou : son corps prend tout */
	.bande:not(.entete) > .bande__corps:only-child{ grid-column:1 / -1; }
}
.bande__marge{ font-family:var(--mrd-police-texte); font-size:.875rem;
	font-weight:500; letter-spacing:.06em; text-transform:uppercase;
	color:var(--mrd-sourde); }
.bande__marge .chiffre{ font-family:var(--mrd-police-titre); font-style:italic;
	font-weight:700; font-size:1.75rem; color:var(--mrd-trait); display:block; }

/* sommaire ancré des pages de texte (qui-sommes-nous, infos-legales) — vit dans .bande__marge */
.sommaire-ancre{ margin-top:.9rem; text-transform:none; letter-spacing:normal; }
.sommaire-ancre ul{ list-style:none; display:flex; flex-direction:column; gap:.45rem; }
.sommaire-ancre a{ color:var(--mrd-sourde); text-decoration:none; font-size:.8rem; font-weight:500; }
.sommaire-ancre a:hover,.sommaire-ancre a:focus{ color:var(--mrd-trait); }