/* Pages simples : aide, à propos, mentions légales, 404. Valeurs uniquement via tokens.css. */

/* Recherche statique (aide et 404) */
.recherche { display: flex; gap: var(--sg-3); align-items: flex-end; max-width: 560px; margin-top: var(--sg-6); }
.recherche > div { flex: 1; }
.recherche .btn { flex: none; }
@media (max-width: 767px) { .recherche { flex-direction: column; align-items: stretch; } }

/* Aide : raccourcis vers les 4 blocs, bloc de contact */
.themes { display: flex; flex-wrap: wrap; gap: var(--sg-2) var(--sg-5); margin-top: var(--sg-5); }
.themes a { display: inline-flex; align-items: center; min-height: 44px; }
.aide-bloc { display: grid; grid-template-columns: 1fr 2fr; gap: var(--sg-7); align-items: start; scroll-margin-top: 88px; }
.aide-bloc .attente { margin-top: var(--sg-3); }
@media (max-width: 1023px) { .aide-bloc { grid-template-columns: 1fr; gap: var(--sg-5); } }
.contact-bloc { max-width: 820px; }
.contact-bloc .attente { margin-top: var(--sg-5); }

/* À propos */
.portrait-grille { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--sg-8); align-items: start; }
@media (max-width: 1023px) { .portrait-grille { grid-template-columns: 1fr; gap: var(--sg-5); } }
.portrait-grille .attente { min-height: 220px; display: flex; align-items: center; }
.recit .attente { margin-top: var(--sg-5); }
.engagements { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sg-6); margin-top: var(--sg-6); }
.engagements h3 { font-weight: 700; margin-bottom: var(--sg-2); }
.engagements p { color: var(--sg-ecume); }
@media (max-width: 767px) { .engagements { grid-template-columns: 1fr; gap: var(--sg-5); } }

/* Mentions légales : sommaire d'ancres et rubriques */
.sommaire { display: flex; flex-wrap: wrap; gap: var(--sg-2) var(--sg-5); margin-top: var(--sg-5); }
.sommaire a { color: var(--sg-lien); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; display: inline-flex; align-items: center; min-height: 44px; }
.sommaire a:hover { text-decoration-thickness: 2px; }
.rubrique { scroll-margin-top: 88px; }
table.carac td .attente { padding: var(--sg-2) var(--sg-3); }

/* 404 : centrage autorisé par la charte */
.page-404 { text-align: center; }
.page-404 .lead { margin-inline: auto; margin-top: var(--sg-4); }
.page-404 .recherche { margin-inline: auto; text-align: left; }
.page-404 .carte { text-align: left; }

/* Plan du site : listes de liens */
.plan { list-style: none; padding: 0; margin: var(--sg-3) 0 var(--sg-5); }
.plan a { display: inline-flex; align-items: center; min-height: 44px; }