/* Pages d'information ActuFut (02/11) : CGV, confidentialité, FAQ. S'ajoute à suivi.css. */
.doc h1 { font-size: clamp(32px, 9vw, 44px); }
.doc .maj { margin: 0; font-size: 13px; color: var(--gris); }
.sommaire { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sommaire a { display: inline-block; padding: 8px 14px; border: 1px solid var(--trait-fort); border-radius: 999px; font-size: 13px; color: var(--gris-clair); text-decoration: none; }
.article { display: grid; gap: 12px; padding-top: 22px; border-top: 1px solid var(--trait); }
.article h2 { font-size: 22px; letter-spacing: -.01em; }
.article p, .article li { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--gris-clair); }
.article ul { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.article b { font-weight: 500; color: var(--blanc); }
.article a { color: var(--or-clair); text-underline-offset: 3px; }
.tableau { width: 100%; border-collapse: collapse; font-size: 14px; }
.tableau th, .tableau td { padding: 10px 8px; border-top: 1px solid var(--trait); text-align: left; vertical-align: top; color: var(--gris-clair); }
.tableau th { font-weight: 500; color: var(--blanc); }
.faq details { padding: 14px 0; border-top: 1px solid var(--trait); }
.faq summary { cursor: pointer; list-style: none; font-size: 16px; font-weight: 500; color: var(--blanc); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; float: right; color: var(--or); font-weight: 300; }
.faq details[open] summary::after { content: "−"; }
.faq details p { margin: 10px 0 0; }
.pied .liens a { color: var(--gris-clair); text-decoration: none; }