/*
 * Guides et rubriques (2026-10-13) — couleurs du site (composants.css).
 * Ordinateur : sommaire fixe à gauche, colonne de lecture d'environ 46 rem. Mobile : une colonne, sommaire en tête.
 */
.agte-gd { color: var(--agte-texte); }
.agte-gd p, .agte-gd li { line-height: 1.7; }
.agte-gd a { color: var(--agte-bleu); text-underline-offset: 0.2em; }
.agte-gd a:hover { color: var(--agte-marine); }
.agte-gd a:focus-visible { border-radius: 3px; outline: var(--agte-focus); outline-offset: 2px; }
.agte-gd strong { color: var(--agte-marine); font-weight: 650; }

/* En-tête */
.agte-gd__entete { border-bottom: 1px solid var(--agte-bordure); margin-bottom: 1.6rem; max-width: 50rem; padding-bottom: 1.4rem; }
.agte-gd__rubrique { align-items: center; display: flex; font-size: 0.9rem; font-weight: 600; gap: 0.5rem; margin: 0.6rem 0 0.4rem; }
.agte-gd__rubrique a { text-decoration: none; }
.agte-gd__rubrique a:hover { text-decoration: underline; }
.agte-gd__rubrique-picto { align-items: center; background: var(--agte-bleu-clair); border-radius: 50%; color: var(--agte-bleu); display: inline-flex; height: 2rem; justify-content: center; width: 2rem; }
.agte-gd__rubrique-picto svg { height: 1.1rem; width: 1.1rem; }
.agte-gd__titre { color: var(--agte-marine); font-size: clamp(1.65rem, 1.2rem + 1.6vw, 2.35rem); line-height: 1.2; margin: 0.2rem 0 0.9rem; }
.agte-gd__chapo { color: var(--agte-texte-doux); font-size: 1.12rem; }
.agte-gd__chapo p { margin: 0 0 0.6rem; }
.agte-gd__maj { color: var(--agte-texte-doux); font-size: 0.85rem; margin: 0.8rem 0 0; }

/* Sommaire */
.agte-gd__sommaire { background: var(--agte-fond); border-left: 3px solid var(--agte-bleu); border-radius: 0 var(--agte-rayon) var(--agte-rayon) 0; margin-bottom: 2rem; padding: 0.9rem 1.1rem; }
.agte-gd__sommaire-titre { color: var(--agte-marine); font-size: 0.95rem; font-weight: 700; margin: 0 0 0.4rem; }
.agte-gd__sommaire ol { margin: 0; padding-left: 1.2rem; }
.agte-gd__sommaire li { font-size: 0.95rem; line-height: 1.45; padding: 0.22rem 0; }
.agte-gd__sommaire a { text-decoration-color: rgba(29, 79, 138, 0.45); }

/* Corps */
.agte-gd__corps { max-width: 46rem; }
.agte-gd__section { scroll-margin-top: 1.5rem; }
.agte-gd__section + .agte-gd__section { margin-top: 2.4rem; }
.agte-gd__section h2 { color: var(--agte-marine); font-size: clamp(1.3rem, 1.1rem + 0.6vw, 1.6rem); line-height: 1.3; margin: 0 0 0.8rem; }
.agte-gd__section h3 { color: var(--agte-marine); font-size: 1.12rem; margin: 1.6rem 0 0.5rem; }
.agte-gd__section p { margin: 0 0 1rem; }
.agte-gd__section ul, .agte-gd__section ol { margin: 0 0 1.1rem; padding-left: 1.3rem; }
.agte-gd__section li { margin-bottom: 0.35rem; }

/* Liste avec coches */
.agte-gd .agte-gd__coches { list-style: none; padding-left: 0; }
.agte-gd__coches li { padding-left: 1.7rem; position: relative; }
.agte-gd__coches li::before { border-bottom: 2.5px solid var(--agte-accent); border-right: 2.5px solid var(--agte-accent); content: ""; height: 0.62rem; left: 0.35rem; position: absolute; top: 0.4rem; transform: rotate(45deg); width: 0.32rem; }

/* Encadrés */
.agte-gd__encadre { background: var(--agte-fond); border: 1px solid var(--agte-bordure); border-left: 4px solid var(--agte-bleu); border-radius: 0 var(--agte-rayon) var(--agte-rayon) 0; margin: 1.4rem 0; padding: 0.9rem 1.15rem; }
.agte-gd__encadre--attention { background: #fff7ed; border-color: #f3d3b5; border-left-color: var(--agte-accent); }
.agte-gd__encadre-titre { color: var(--agte-marine); font-weight: 700; margin: 0 0 0.35rem !important; }
.agte-gd__encadre--attention .agte-gd__encadre-titre { color: var(--agte-accent-fonce); }
.agte-gd__encadre p:last-child, .agte-gd__encadre ul:last-child { margin-bottom: 0; }

/* Étapes numérotées */
.agte-gd .agte-gd__etapes { counter-reset: etape; list-style: none; padding-left: 0; }
.agte-gd__etapes > li { counter-increment: etape; margin-bottom: 1rem; min-height: 2.2rem; padding-left: 3rem; position: relative; }
.agte-gd__etapes > li::before { align-items: center; background: var(--agte-marine); border-radius: 50%; color: #fff; content: counter(etape); display: flex; font-size: 0.95rem; font-weight: 700; height: 2.1rem; justify-content: center; left: 0; position: absolute; top: 0; width: 2.1rem; }
.agte-gd__etapes > li > strong:first-child { display: block; }

/* Tableaux */
.agte-gd__tableau { margin: 1.2rem 0 1.4rem; overflow-x: auto; }
.agte-gd__tableau table { border-collapse: collapse; font-size: 0.95rem; min-width: 32rem; width: 100%; }
.agte-gd__tableau caption { color: var(--agte-texte-doux); font-size: 0.88rem; padding-bottom: 0.5rem; text-align: left; }
.agte-gd__tableau th, .agte-gd__tableau td { border-bottom: 1px solid var(--agte-bordure); line-height: 1.5; padding: 0.65rem 0.75rem; text-align: left; vertical-align: top; }
.agte-gd__tableau thead th { background: var(--agte-marine); color: #fff; font-weight: 600; }
.agte-gd__tableau tbody th { color: var(--agte-marine); font-weight: 600; }
.agte-gd__tableau tbody tr:nth-child(even) { background: var(--agte-fond); }

/* Schéma : enchaînement de cases */
.agte-gd__schema { margin: 1.5rem 0; }
.agte-gd__schema ol { align-items: stretch; display: flex; gap: 1.6rem; list-style: none; margin: 0; padding: 0; }
.agte-gd__schema li { background: var(--agte-surface); border: 1px solid var(--agte-bordure); border-radius: var(--agte-rayon); box-shadow: 0 1px 2px rgba(15, 44, 76, 0.06); flex: 1 1 0; font-size: 0.92rem; line-height: 1.45; margin: 0; padding: 0.8rem 0.85rem; position: relative; }
.agte-gd__schema li + li::before { color: var(--agte-accent); content: "→"; font-size: 1.2rem; font-weight: 700; left: -1.3rem; position: absolute; top: 50%; transform: translateY(-50%); }
.agte-gd__schema li strong { display: block; margin-bottom: 0.2rem; }
.agte-gd__schema figcaption { color: var(--agte-texte-doux); font-size: 0.86rem; margin-top: 0.6rem; }

/* Comparaison en deux colonnes */
.agte-gd__duo { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.2rem 0 1.4rem; }
.agte-gd__duo > div { border: 1px solid var(--agte-bordure); border-radius: var(--agte-rayon); padding: 0.9rem 1rem; }
.agte-gd__duo > div:first-child { border-top: 4px solid var(--agte-accent); }
.agte-gd__duo > div:last-child { border-top: 4px solid var(--agte-bleu); }
.agte-gd__duo h3 { margin-top: 0 !important; }
.agte-gd__duo ul { margin-bottom: 0 !important; }

/* Sources */
.agte-gd__sources { border-top: 1px solid var(--agte-bordure); color: var(--agte-texte-doux); font-size: 0.86rem; line-height: 1.6; margin: 2.4rem 0 0; max-width: 46rem; padding-top: 1rem; }

/* Cartes (« À lire également » et rubriques) */
.agte-gd__a-lire { margin-top: 2.6rem; }
.agte-gd__a-lire h2 { color: var(--agte-marine); font-size: 1.35rem; margin: 0 0 1rem; }
.agte-gd__a-lire ul, .agte-gd__liste { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.agte-gd__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.6rem 0; }
.agte-gd__carte { background: var(--agte-surface); border: 1px solid var(--agte-bordure); border-radius: var(--agte-rayon); color: var(--agte-texte) !important; align-content: start; display: grid; gap: 0.3rem; height: 100%; padding: 1rem 1.1rem 1.1rem; text-decoration: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; box-sizing: border-box; }
.agte-gd__carte:hover { border-color: var(--agte-bleu); box-shadow: 0 3px 10px rgba(15, 44, 76, 0.1); }
.agte-gd__carte-picto { align-items: center; background: var(--agte-bleu-clair); border-radius: 50%; color: var(--agte-bleu); display: inline-flex; height: 2.3rem; justify-content: center; margin-bottom: 0.25rem; width: 2.3rem; }
.agte-gd__carte-picto svg { height: 1.25rem; width: 1.25rem; }
.agte-gd__carte-rub { color: var(--agte-accent-fonce); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.agte-gd__carte-titre { color: var(--agte-marine); font-size: 1.02rem; font-weight: 650; line-height: 1.35; text-decoration: underline; text-decoration-color: rgba(29, 79, 138, 0.35); text-underline-offset: 0.2em; }
.agte-gd__carte:hover .agte-gd__carte-titre { text-decoration-color: currentColor; }
.agte-gd__carte-resume { color: var(--agte-texte-doux); font-size: 0.92rem; line-height: 1.5; }
.agte-gd--rubrique .agte-gd__chapo { max-width: 50rem; }
.agte-gd__autre { margin-top: 1.5rem; }

/* Action finale */
.agte-gd__action { background: var(--agte-marine); border-radius: 14px; color: #fff; margin-top: 2.6rem; padding: clamp(1.3rem, 1rem + 1.5vw, 2rem); }
.agte-gd .agte-gd__action-titre { color: #fff; font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem); margin: 0 0 0.5rem; }
.agte-gd__action p { color: #e3ebf5; margin: 0 0 1.1rem; max-width: 46rem; }
.agte-gd__action .agte-gd__action-boutons { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 0; }
.agte-gd a.agte-gd__btn { align-items: center; border-radius: 8px; box-sizing: border-box; display: inline-flex; font-weight: 600; gap: 0.5rem; justify-content: center; min-height: 2.9rem; padding: 0.65rem 1.2rem; text-decoration: none; transition: background-color 0.15s ease; }
.agte-gd a.agte-gd__btn--plein { background: var(--agte-accent); color: #fff; }
.agte-gd a.agte-gd__btn--plein:hover { background: var(--agte-accent-fonce); color: #fff; }
.agte-gd a.agte-gd__btn--ligne { border: 1.5px solid rgba(255, 255, 255, 0.75); color: #fff; }
.agte-gd a.agte-gd__btn--ligne:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
.agte-gd__action a:focus-visible { outline-color: #fff; }
.agte-gd__btn .agte-fleche { height: 1rem; width: 1rem; }

/* Ordinateur : sommaire fixe dans une colonne à gauche */
@media (min-width: 1100px) {
	.agte-gd__milieu { column-gap: 3rem; display: grid; grid-template-columns: 15rem minmax(0, 46rem); } /* le sommaire fixe reste dans la zone de lecture */
	.agte-gd__sommaire { align-self: start; grid-column: 1; grid-row: 1 / span 2; margin: 0; position: sticky; top: 1.5rem; }
	.agte-gd__corps, .agte-gd__sources { grid-column: 2; }
}

/* Mobile */
@media (max-width: 720px) {
	.agte-gd__a-lire ul, .agte-gd__liste, .agte-gd__duo { grid-template-columns: minmax(0, 1fr); }
	.agte-gd__schema ol { flex-direction: column; gap: 1.5rem; }
	.agte-gd__schema li + li::before { content: "↓"; left: 50%; top: -1.35rem; transform: translateX(-50%); }
	.agte-gd__action .agte-gd__action-boutons { flex-direction: column; }
	.agte-gd a.agte-gd__btn { width: 100%; }
	.agte-gd__tableau table { font-size: 0.9rem; min-width: 0; }
	.agte-gd__tableau th, .agte-gd__tableau td { padding: 0.55rem 0.5rem; }
	/* Tableaux de 4 colonnes et plus : défilement horizontal signalé par une ombre à droite */
	.agte-gd__tableau:has(th:nth-child(4)) { background: linear-gradient(to right, var(--agte-surface) 30%, rgba(255,255,255,0)) left / 2rem 100% no-repeat local, linear-gradient(to left, var(--agte-surface) 30%, rgba(255,255,255,0)) right / 2rem 100% no-repeat local, radial-gradient(farthest-side at 100% 50%, rgba(15,44,76,0.22), transparent) right / 0.8rem 100% no-repeat scroll; }
	.agte-gd__tableau:has(th:nth-child(4)) table { min-width: 34rem; }
}
@media (min-width: 721px) and (max-width: 1000px) {
	.agte-gd__a-lire ul { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
	.agte-gd__carte, .agte-gd a.agte-gd__btn { transition: none; }
}

/* =====================================================================================================
 * Présentation illustrée (2026-10-13) — essai sur E4 (.agte-gd--v2) et la rubrique « entreprises » (.agte-gd--blog).
 * Les autres guides gardent la présentation précédente jusqu'à validation.
 * ===================================================================================================== */

/* ---------- Cartes illustrées (rubriques et « À lire également ») ---------- */
.agte-gd-grille { display: grid; gap: 1.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 1.75rem 0 0; padding: 0; }
.agte-gd-grille > li { display: flex; margin: 0; }
.agte-gd-carte { background: var(--agte-surface); border: 1px solid var(--agte-bordure); border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 44, 76, 0.05); display: flex; flex-direction: column; overflow: hidden; position: relative; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; width: 100%; }
.agte-gd-carte__image { aspect-ratio: 2 / 1; background: var(--agte-fond); overflow: hidden; position: relative; }
.agte-gd-carte__image img { display: block; height: 100%; object-fit: cover; transition: transform 0.5s ease; width: 100%; }
.agte-gd-carte__repli { align-items: center; color: var(--agte-bleu); display: flex; height: 100%; justify-content: center; }
.agte-gd-carte__repli svg { height: 3rem; width: 3rem; }
.agte-gd-carte__theme { background: rgba(15, 44, 76, 0.9); border-radius: 999px; bottom: 0.8rem; color: #fff; font-size: 0.72rem; font-weight: 700; left: 0.8rem; letter-spacing: 0.06em; padding: 0.32rem 0.7rem; position: absolute; text-transform: uppercase; }
.agte-gd-carte__corps { display: flex; flex: 1; flex-direction: column; padding: 1.1rem 1.3rem 1.15rem; }
.agte-gd-carte__meta { color: var(--agte-texte-doux); display: flex; flex-wrap: wrap; font-size: 0.82rem; gap: 0.4rem; margin: 0 0 0.45rem; }
.agte-gd .agte-gd-carte__titre { color: var(--agte-marine); font-size: 1.1rem; line-height: 1.38; margin: 0 0 0.55rem; }
.agte-gd .agte-gd-carte__titre a { color: inherit; text-decoration: none; }
.agte-gd .agte-gd-carte__titre a::after { content: ""; inset: 0; position: absolute; z-index: 1; } /* toute la carte est cliquable, un seul lien */
.agte-gd-carte__extrait { color: var(--agte-texte-doux); font-size: 0.94rem; line-height: 1.6; margin: 0 0 1rem; }
.agte-gd-carte__lire { border-top: 1px solid var(--agte-bordure); color: var(--agte-bleu); font-size: 0.92rem; font-weight: 700; margin: auto 0 0; padding-top: 0.85rem; }
.agte-gd-carte__fleche { display: inline-block; margin-left: 0.2rem; transition: transform 0.25s ease; }
.agte-gd-carte:focus-within { outline: var(--agte-focus); outline-offset: 3px; }
.agte-gd .agte-gd-carte__titre a:focus-visible { outline: none; }
@media (hover: hover) and (pointer: fine) {
	.agte-gd-carte:hover { border-color: #b9cde6; box-shadow: 0 14px 32px rgba(15, 44, 76, 0.12); transform: translateY(-3px); }
	.agte-gd-carte:hover .agte-gd-carte__image img { transform: scale(1.03); }
	.agte-gd-carte:hover .agte-gd-carte__titre a { color: var(--agte-bleu); }
	.agte-gd-carte:hover .agte-gd-carte__fleche { transform: translateX(3px); }
}
/* Carte « à la une » */
.agte-gd-carte--vedette .agte-gd .agte-gd-carte__titre, .agte-gd .agte-gd-carte--vedette .agte-gd-carte__titre { font-size: clamp(1.3rem, 1.1rem + 0.7vw, 1.65rem); line-height: 1.3; }
.agte-gd-carte--vedette .agte-gd-carte__extrait { font-size: 1rem; }
.agte-gd-carte--vedette .agte-gd-carte__meta span:first-child { color: var(--agte-accent-fonce); font-weight: 700; }
@media (min-width: 900px) {
	.agte-gd-carte--vedette { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
	.agte-gd-carte--vedette .agte-gd-carte__image { aspect-ratio: auto; min-height: 100%; }
	.agte-gd-carte--vedette .agte-gd-carte__corps { justify-content: center; padding: 2rem 2.2rem; }
	.agte-gd-carte--vedette .agte-gd-carte__lire { margin-top: 0.5rem; }
}

/* ---------- Rubrique (présentation de blog) ---------- */
.agte-gd--blog { padding-bottom: 1rem; }
.agte-gd-blog__entete { margin: 1.4rem auto 2.4rem; max-width: 48rem; text-align: center; }
.agte-gd-blog__surtitre { align-items: center; color: var(--agte-accent-fonce); display: flex; font-size: 0.78rem; font-weight: 700; gap: 0.8rem; justify-content: center; letter-spacing: 0.14em; margin: 0 0 0.8rem; text-transform: uppercase; }
.agte-gd-blog__surtitre::before, .agte-gd-blog__surtitre::after { background: currentColor; content: ""; height: 2px; opacity: 0.6; width: 1.8rem; }
.agte-gd-blog__titre { color: var(--agte-marine); font-size: clamp(2rem, 1.5rem + 2vw, 2.9rem); line-height: 1.15; margin: 0 0 1rem; }
.agte-gd-blog__intro { color: var(--agte-texte-doux); font-size: 1.08rem; line-height: 1.7; margin: 0 0 0.6rem; }
.agte-gd-blog__intro--lien { font-size: 1rem; }
.agte-gd-grille--rubrique { margin-top: 1.5rem; }
.agte-gd-blog__autre { margin: 2.4rem 0 0; text-align: center; }

/* ---------- Guide illustré ---------- */
.agte-gd--v2 .agte-gd__section { scroll-margin-top: 6.5rem; } /* titre visible sous le menu fixe */
.agte-gd2__entete { margin: 0.8rem 0 1.8rem; max-width: 52rem; }
.agte-gd2__surtitre { align-items: center; display: flex; flex-wrap: wrap; font-size: 0.85rem; font-weight: 600; gap: 0.6rem; margin: 0 0 0.8rem; }
.agte-gd2__surtitre a { background: var(--agte-bleu-clair); border-radius: 999px; color: var(--agte-marine); padding: 0.3rem 0.8rem; text-decoration: none; }
.agte-gd2__surtitre a:hover { background: #c9daee; color: var(--agte-marine); }
.agte-gd2__theme { color: var(--agte-accent-fonce); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.agte-gd--v2 .agte-gd__titre { font-size: clamp(1.8rem, 1.3rem + 1.9vw, 2.7rem); letter-spacing: -0.01em; line-height: 1.16; margin: 0 0 1rem; }
.agte-gd--v2 .agte-gd__chapo { font-size: 1.14rem; line-height: 1.72; }
.agte-gd2__meta { color: var(--agte-texte-doux); display: flex; flex-wrap: wrap; font-size: 0.88rem; gap: 0.5rem 1.6rem; list-style: none; margin: 1.1rem 0 0; padding: 0; }
.agte-gd2__meta li { align-items: center; display: inline-flex; gap: 0.45rem; }
.agte-gd2__meta-picto { color: var(--agte-bleu); display: inline-flex; }
.agte-gd2__meta-picto svg { height: 1.05rem; width: 1.05rem; }
.agte-gd2__hero { margin: 0 0 2.6rem; }
.agte-gd2__hero img { aspect-ratio: 2 / 1; border: 1px solid var(--agte-bordure); border-radius: 18px; box-shadow: 0 10px 30px rgba(15, 44, 76, 0.08); display: block; height: auto; width: 100%; }

/* Sommaire */
.agte-gd2__sommaire { background: var(--agte-surface); border: 1px solid var(--agte-bordure); border-radius: 16px; box-shadow: 0 4px 16px rgba(15, 44, 76, 0.06); margin: 0 0 2.4rem; padding: 1.1rem 0.9rem 0.9rem; }
.agte-gd2__sommaire-titre { align-items: center; color: var(--agte-marine); display: flex; font-size: 1rem; font-weight: 700; gap: 0.6rem; margin: 0 0.4rem 0.7rem; }
.agte-gd2__sommaire-picto { align-items: center; background: var(--agte-bleu-clair); border-radius: 50%; color: var(--agte-bleu); display: inline-flex; height: 2rem; justify-content: center; width: 2rem; }
.agte-gd2__sommaire ol { list-style: none; margin: 0; padding: 0; }
.agte-gd2__sommaire li { margin: 0; }
.agte-gd .agte-gd2__sommaire a { align-items: flex-start; border-radius: 10px; color: var(--agte-texte); display: flex; font-size: 0.93rem; gap: 0.65rem; line-height: 1.4; padding: 0.5rem 0.55rem; text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease; }
.agte-gd2__sommaire-num { align-items: center; background: var(--agte-fond); border: 1px solid var(--agte-bordure); border-radius: 50%; color: var(--agte-bleu); display: inline-flex; flex: none; font-size: 0.78rem; font-weight: 700; height: 1.55rem; justify-content: center; margin-top: -0.05rem; width: 1.55rem; }
.agte-gd .agte-gd2__sommaire a:hover { background: #f1f6fc; color: var(--agte-marine); }
.agte-gd .agte-gd2__sommaire a:hover .agte-gd2__sommaire-num { background: var(--agte-bleu-clair); border-color: #bcd0e8; }
.agte-gd .agte-gd2__sommaire a[aria-current] { background: #eef4fb; box-shadow: inset 3px 0 0 var(--agte-accent); color: var(--agte-marine); font-weight: 600; }
.agte-gd .agte-gd2__sommaire a[aria-current] .agte-gd2__sommaire-num { background: var(--agte-marine); border-color: var(--agte-marine); color: #fff; }

/* Corps du texte */
.agte-gd--v2 .agte-gd__corps p, .agte-gd--v2 .agte-gd__corps li { font-size: 1.04rem; line-height: 1.75; }
.agte-gd--v2 .agte-gd__section + .agte-gd__section { margin-top: 3.2rem; }
.agte-gd--v2 .agte-gd__section h2 { font-size: clamp(1.4rem, 1.15rem + 0.8vw, 1.8rem); letter-spacing: -0.005em; line-height: 1.25; margin: 0 0 1rem; }
.agte-gd--v2 .agte-gd__section h2::before { background: var(--agte-accent); border-radius: 2px; content: ""; display: block; height: 4px; margin-bottom: 0.85rem; width: 2.4rem; }
.agte-gd--v2 .agte-gd__section h3 { color: var(--agte-bleu); font-size: 1.12rem; margin: 1.8rem 0 0.55rem; }

/* Tableaux */
.agte-gd--v2 .agte-gd__tableau { background: var(--agte-surface); border: 1px solid var(--agte-bordure); border-radius: 14px; margin: 1.6rem 0 1.8rem; }
.agte-gd--v2 .agte-gd__tableau table { font-size: 0.95rem; }
.agte-gd--v2 .agte-gd__tableau caption { border-bottom: 1px solid var(--agte-bordure); color: var(--agte-marine); font-size: 0.9rem; font-weight: 700; padding: 0.85rem 1rem; }
.agte-gd--v2 .agte-gd__tableau thead th { background: #eaf1fa; color: var(--agte-marine); font-size: 0.86rem; font-weight: 700; letter-spacing: 0.02em; }
.agte-gd--v2 .agte-gd__tableau th, .agte-gd--v2 .agte-gd__tableau td { padding: 0.8rem 1rem; }
.agte-gd--v2 .agte-gd__tableau tbody tr:nth-child(even) { background: #fafcfe; }
.agte-gd--v2 .agte-gd__tableau tbody tr:last-child th, .agte-gd--v2 .agte-gd__tableau tbody tr:last-child td { border-bottom: 0; }

/* Encadrés */
.agte-gd--v2 .agte-gd__encadre { background: #f1f6fc; border: 0; border-left: 4px solid var(--agte-bleu); border-radius: 0 14px 14px 0; display: flex; gap: 0.95rem; margin: 1.8rem 0; padding: 1.15rem 1.3rem; }
.agte-gd--v2 .agte-gd__encadre--attention { background: #fff6ee; border-left-color: var(--agte-accent); }
.agte-gd2__encadre-picto { align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(15, 44, 76, 0.1); color: var(--agte-bleu); display: inline-flex; flex: none; height: 2.5rem; justify-content: center; width: 2.5rem; }
.agte-gd__encadre--attention .agte-gd2__encadre-picto { color: var(--agte-accent-fonce); }
.agte-gd2__encadre-texte { min-width: 0; }
.agte-gd--v2 .agte-gd__encadre-titre { font-size: 1.02rem; margin-top: 0.3rem !important; }

/* Comparaison en deux colonnes */
.agte-gd--v2 .agte-gd__duo { gap: 1.2rem; margin: 1.6rem 0 1.8rem; }
.agte-gd--v2 .agte-gd__duo > div { border: 1px solid var(--agte-bordure); border-radius: 14px; border-top-width: 1px; padding: 1.1rem 1.2rem; }
.agte-gd--v2 .agte-gd__duo > div:first-child { background: #fff8f2; border-color: #f3d6bd; border-top: 1px solid #f3d6bd; }
.agte-gd--v2 .agte-gd__duo > div:last-child { background: #f3f8fd; border-color: #cfe0f2; border-top: 1px solid #cfe0f2; }
.agte-gd--v2 .agte-gd__duo > div:first-child h3 { color: var(--agte-accent-fonce); }
.agte-gd--v2 .agte-gd__duo li { font-size: 0.98rem; }

/* Figures */
.agte-gd2__figure { margin: 2rem 0 2.2rem; }
.agte-gd2__figure img { border: 1px solid var(--agte-bordure); border-radius: 14px; display: block; height: auto; width: 100%; }
.agte-gd2__figure figcaption { color: var(--agte-texte-doux); font-size: 0.88rem; line-height: 1.55; margin-top: 0.7rem; padding-left: 0.9rem; position: relative; }
.agte-gd2__figure figcaption::before { background: var(--agte-accent); border-radius: 2px; bottom: 0.2rem; content: ""; left: 0; position: absolute; top: 0.2rem; width: 3px; }

/* Parcours illustré (étapes avec pictogrammes) */
.agte-gd .agte-gd2__parcours { counter-reset: parcours; display: grid; gap: 1rem; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; list-style: none; margin: 1.8rem 0 2rem; padding: 0; position: relative; }
.agte-gd2__parcours::before { background: repeating-linear-gradient(90deg, #9fb6d3 0 8px, transparent 8px 14px); content: ""; height: 2px; left: 10%; position: absolute; right: 10%; top: 1.6rem; }
.agte-gd .agte-gd2__parcours li { counter-increment: parcours; font-size: 0.92rem; line-height: 1.5; margin: 0; position: relative; text-align: center; }
.agte-gd2__parcours .agte-gd2__picto { align-items: center; background: var(--agte-surface); border: 2px solid var(--agte-bleu); border-radius: 50%; color: var(--agte-bleu); display: flex; height: 3.2rem; justify-content: center; margin: 0 auto 0.7rem; position: relative; width: 3.2rem; }
.agte-gd2__parcours li:last-child .agte-gd2__picto { background: var(--agte-bleu); color: #fff; }
.agte-gd2__parcours .agte-gd2__picto svg { height: 1.45rem; width: 1.45rem; }
.agte-gd2__parcours strong { color: var(--agte-marine); display: block; font-size: 0.98rem; margin-bottom: 0.2rem; }
.agte-gd2__parcours strong::before { color: var(--agte-accent-fonce); content: counter(parcours) ". "; }
.agte-gd2__parcours span.agte-gd2__parcours-texte { color: var(--agte-texte-doux); display: block; }

/* Signaux : à écarter / sérieux */
.agte-gd2__signaux { display: grid; gap: 1.2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.6rem 0 1.8rem; }
.agte-gd2__signaux > div { border-radius: 14px; padding: 1.15rem 1.25rem; }
.agte-gd2__signaux-non { background: #fff6ee; border: 1px solid #f3d6bd; }
.agte-gd2__signaux-oui { background: #f1f8f4; border: 1px solid #c8e3d3; }
.agte-gd .agte-gd2__signaux h3 { align-items: center; display: flex; font-size: 1.05rem; gap: 0.6rem; margin: 0 0 0.7rem; }
.agte-gd2__signaux-non h3 { color: var(--agte-accent-fonce) !important; }
.agte-gd2__signaux-oui h3 { color: #1e6b45 !important; }
.agte-gd2__signe { align-items: center; border-radius: 50%; color: #fff; display: inline-flex; flex: none; font-size: 0.95rem; font-weight: 700; height: 1.8rem; justify-content: center; width: 1.8rem; }
.agte-gd2__signaux-non .agte-gd2__signe { background: var(--agte-accent); }
.agte-gd2__signaux-oui .agte-gd2__signe { background: #2f8a5b; }
.agte-gd .agte-gd2__signaux ul { list-style: none; margin: 0; padding: 0; }
.agte-gd .agte-gd2__signaux li { font-size: 0.97rem; line-height: 1.6; margin: 0 0 0.5rem; padding-left: 1.3rem; position: relative; }
.agte-gd2__signaux li::before { font-weight: 700; left: 0; position: absolute; top: 0; }
.agte-gd2__signaux-non li::before { color: var(--agte-accent); content: "×"; font-size: 1.15rem; line-height: 1.45; }
.agte-gd2__signaux-oui li::before { color: #2f8a5b; content: "✓"; }

/* Sources */
.agte-gd2__sources { border-top: 1px solid var(--agte-bordure); margin-top: 3rem; padding-top: 1.1rem; }
.agte-gd .agte-gd2__sources p { color: var(--agte-texte-doux); font-size: 0.88rem; line-height: 1.6; margin: 0; }
.agte-gd .agte-gd2__sources .agte-gd2__sources-titre { color: var(--agte-marine); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 0.3rem; text-transform: uppercase; }

/* À lire également */
.agte-gd2__a-lire { border-top: 1px solid var(--agte-bordure); margin-top: 3.2rem; padding-top: 2.4rem; }
.agte-gd .agte-gd2__a-lire h2 { color: var(--agte-marine); font-size: clamp(1.35rem, 1.15rem + 0.6vw, 1.65rem); margin: 0; }
.agte-gd2__a-lire .agte-gd-grille { margin-top: 1.4rem; }

/* Ordinateur : sommaire fixe sous le menu */
@media (min-width: 1100px) {
	.agte-gd--v2 .agte-gd__milieu { column-gap: 3.5rem; grid-template-columns: 17rem minmax(0, 46rem); }
	.agte-gd2__sommaire { align-self: start; grid-column: 1; grid-row: 1 / span 2; margin: 0; max-height: calc(100vh - 7.5rem); overflow: auto; position: sticky; top: 6rem; }
}

/* Tablette */
@media (max-width: 999px) {
	.agte-gd-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.agte-gd .agte-gd2__parcours { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1.6rem; }
	.agte-gd2__parcours::before { display: none; }
}

/* Mobile */
@media (max-width: 720px) {
	.agte-gd-grille { gap: 1.2rem; grid-template-columns: minmax(0, 1fr); }
	.agte-gd-blog__entete { margin-bottom: 1.8rem; }
	.agte-gd-blog__surtitre { font-size: 0.72rem; letter-spacing: 0.1em; }
	.agte-gd-blog__surtitre::before, .agte-gd-blog__surtitre::after { width: 1rem; }
	.agte-gd2__hero { margin-bottom: 1.8rem; }
	.agte-gd2__hero img { border-radius: 12px; }
	.agte-gd--v2 .agte-gd__section { scroll-margin-top: 5.5rem; }
	.agte-gd--v2 .agte-gd__corps p, .agte-gd--v2 .agte-gd__corps li { font-size: 1rem; }
	.agte-gd--v2 .agte-gd__section + .agte-gd__section { margin-top: 2.6rem; }
	.agte-gd2__sommaire { margin-bottom: 2rem; }
	.agte-gd--v2 .agte-gd__encadre { padding: 1rem; }
	.agte-gd2__encadre-picto { height: 2.1rem; width: 2.1rem; }
	.agte-gd2__signaux { grid-template-columns: minmax(0, 1fr); }
	.agte-gd--v2 .agte-gd__tableau th, .agte-gd--v2 .agte-gd__tableau td { hyphens: auto; padding: 0.6rem 0.55rem; }
	.agte-gd--v2 .agte-gd__tableau { background: linear-gradient(to right, var(--agte-surface) 30%, rgba(255,255,255,0)) left / 2rem 100% no-repeat local, linear-gradient(to left, var(--agte-surface) 30%, rgba(255,255,255,0)) right / 2rem 100% no-repeat local, radial-gradient(farthest-side at 100% 50%, rgba(15,44,76,0.22), transparent) right / 0.8rem 100% no-repeat scroll; } /* ombre à droite si le tableau défile */
	.agte-gd--v2 .agte-gd__tableau table { font-size: 0.88rem; }
	.agte-gd--v2 .agte-gd__tableau caption { padding: 0.75rem 0.6rem; }
	/* Parcours vertical : pictogramme à gauche, pointillés entre les étapes */
	.agte-gd .agte-gd2__parcours { gap: 0; grid-template-columns: minmax(0, 1fr); }
	.agte-gd .agte-gd2__parcours li { padding: 0 0 1.2rem 4.1rem; text-align: left; }
	.agte-gd2__parcours .agte-gd2__picto { height: 2.9rem; left: 0; margin: 0; position: absolute; top: 0; width: 2.9rem; }
	.agte-gd2__parcours li:not(:last-child)::after { background: repeating-linear-gradient(180deg, #9fb6d3 0 6px, transparent 6px 11px); bottom: 0.2rem; content: ""; left: 1.4rem; position: absolute; top: 3.2rem; width: 2px; }
}

@media (prefers-reduced-motion: reduce) {
	.agte-gd-carte, .agte-gd-carte__image img, .agte-gd-carte__fleche, .agte-gd .agte-gd2__sommaire a { transition: none; }
	.agte-gd-carte:hover, .agte-gd-carte:hover .agte-gd-carte__image img, .agte-gd-carte:hover .agte-gd-carte__fleche { transform: none !important; }
}

/* Photos des guides (2026-10-14) : cadrage 2:1, crédit discret sous l'image d'ouverture */
.agte-gd2__hero--photo img { object-fit: cover; }
.agte-gd .agte-gd2__credit { color: var(--agte-texte-doux); font-size: 0.78rem; line-height: 1.4; margin-top: 0.4rem; text-align: right; }
.agte-gd .agte-gd2__credit a { color: inherit; }
@media (max-width: 720px) { .agte-gd .agte-gd2__credit { text-align: left; } }