/* Avalyz lot 8 : pages publiques (offre, tarifs, essai). Complète avalyz_lot1.css (mêmes jetons de couleur, clair et sombre). */
.offre { gap: 40px; }
.offre .tete { display: grid; gap: 16px; max-width: 760px; }
.chapo { font-size: 19px; line-height: 1.5; color: var(--mute); margin: 0; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.btn.second { background: var(--soft); color: var(--ink) !important; border: 1px solid var(--hair); }
.grille { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.grille.deux { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.carte h3 { font-size: 17px; margin: 0; }
.carte p { margin: 0; }
.plan { gap: 12px; }
.plan ul { margin: 0; padding-inline-start: 20px; }
.prix { font-size: 15px; color: var(--mute); }
.prix strong { font-size: 40px; letter-spacing: -.03em; color: var(--ink); }
.essai { border: 1px solid var(--hair); background: var(--paper); }
.faq { display: grid; gap: 8px; }
.faq details { border: 1px solid var(--hair); border-radius: 12px; padding: 12px 16px; }
.faq summary { font-weight: 600; cursor: pointer; min-height: 24px; }
.faq details p { margin: 8px 0 0; color: var(--ink); }
.offre ul { margin: 0; }
[dir="rtl"] .offre ul { padding-right: 20px; }
/* Page /av/comparatif : tableau défilant dans son cadre (jamais la page), sources numérotées. */
.defile { overflow-x: auto; border: 1px solid var(--hair); border-radius: 12px; }
.defile:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.comparatif { border-collapse: collapse; min-width: 760px; width: 100%; font-size: 15px; line-height: 1.45; }
.comparatif caption { text-align: start; padding: 12px 16px; color: var(--mute); }
.comparatif th, .comparatif td { text-align: start; vertical-align: top; padding: 12px 16px; border-top: 1px solid var(--hair); }
.comparatif thead th { background: var(--soft); color: var(--ink); }
.comparatif tbody th { font-weight: 600; width: 14%; }
.ref { font-size: 13px; white-space: nowrap; }
.sources { margin: 0; padding-inline-start: 24px; display: grid; gap: 6px; font-size: 15px; overflow-wrap: anywhere; }
/* Articles publics (/av/articles, /av/recette-web, /av/pv-de-recette, /av/rgaa) : colonne de lecture, sources en bas. */
.article { max-width: 760px; font-size: 17px; line-height: 1.65; overflow-wrap: anywhere; }
.article h1 { margin: 0 0 16px; }
.article h2 { font-size: 24px; margin: 36px 0 8px; }
.article h3 { font-size: 19px; margin: 24px 0 6px; }
.article p { margin: 0 0 14px; }
.article ul, .article ol { margin: 0 0 14px; padding-inline-start: 24px; display: grid; gap: 6px; }
.tableau { border-collapse: collapse; width: 100%; font-size: 15px; }
.tableau th, .tableau td { text-align: start; vertical-align: top; padding: 10px 14px; border-top: 1px solid var(--hair); }
.tableau thead th { background: var(--soft); }
.autres ul { padding-inline-start: 20px; display: grid; gap: 6px; }
.sources-article { font-size: 15px; overflow-wrap: anywhere; color: var(--mute); }
.sources-article ul { padding-inline-start: 20px; display: grid; gap: 6px; }