/* Guide public (/guide) et section « comment ça marche » de l'accueil.
   Sorti de pages.css le 2026-09-04 : ce fichier atteignait 311 lignes, au-dessus de la
   limite de 300 du projet. Le guide est le premier contenu long du site et mérite son
   propre fichier plutôt qu'un ajout de plus dans un fichier fourre-tout. */
.guide { max-width: 68ch; margin: 0 auto; }
.guide .lead { font-size: 1.05rem; color: var(--ink); }
.guide-section { margin-top: var(--s6); scroll-margin-top: var(--s6); }
.guide-section h2 { margin-bottom: var(--s3); }
.guide-section p { margin-bottom: var(--s3); line-height: 1.7; color: var(--ink-dim); }
.guide-toc { margin-top: var(--s5); }
.guide-toc h2 { font-size: 1rem; margin-bottom: var(--s2); }
.guide-toc ol { margin: 0; padding-left: var(--s4); color: var(--ink-dim); }
.guide-toc li { margin-bottom: var(--s1); }

/* Le conteneur défile, jamais la page (règle transverse du projet sur les tableaux). */
.guide-table-wrap { overflow-x: auto; margin: var(--s4) 0; }
.guide-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.guide-table th, .guide-table td { padding: var(--s2) var(--s3); text-align: left; white-space: nowrap; }
.guide-table thead th { color: var(--ink-dim); font-weight: 500; border-bottom: 1px solid rgba(188, 215, 255, 0.15); }
.guide-table tbody tr + tr th, .guide-table tbody tr + tr td { border-top: 1px solid rgba(188, 215, 255, 0.07); }
.guide-table tbody th { font-weight: 500; }
.guide-cta { margin-top: var(--s6); text-align: center; }

.landing-how { max-width: 68ch; margin: var(--s6) auto 0; text-align: center; }
.landing-how p { margin-top: var(--s3); line-height: 1.7; color: var(--ink-dim); }

/* Encart d'appel dans le guide (taux de drop) : assez marqué pour ne pas se perdre dans le
   texte, le guide étant depuis le 2026-09-04 le seul point d'entrée vers cette page. */
.guide-callout { border-left: 2px solid var(--accent); padding: var(--s2) var(--s3);
                 background: rgba(188, 215, 255, 0.04); border-radius: 0 6px 6px 0; }