/* Pages légales — Analyse Quinté */
:root {
  --fond: #0e1512; --fond-2: #131c18; --fond-3: #18231e; --bord: #24332c;
  --texte: #e8f0ea; --texte-doux: #93a89c; --vert: #2fa96b; --vert-clair: #4ede9a; --or: #e2b344;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--fond); color: var(--texte);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.enveloppe { max-width: 780px; margin: 0 auto; padding: 40px 20px 80px; }
.retour { display: inline-block; color: var(--vert-clair); text-decoration: none; font-size: 14px; margin-bottom: 26px; }
.retour:hover { text-decoration: underline; }
.marque { font-weight: 700; color: var(--vert-clair); font-size: 15px; margin-bottom: 6px; }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 6px; }
.maj { color: var(--texte-doux); font-size: 14px; margin: 0 0 32px; }
h2 {
  font-size: 19px; margin: 38px 0 12px; padding-top: 20px;
  border-top: 1px solid var(--bord);
}
h3 { font-size: 16px; margin: 24px 0 8px; color: var(--or); }
p, li { color: #d6e2d9; }
ul { padding-left: 22px; }
li { margin-bottom: 7px; }
a { color: var(--vert-clair); }
strong { color: #fff; }
.encadre {
  background: rgba(47,169,107,.10); border: 1px solid rgba(47,169,107,.32);
  border-radius: 12px; padding: 16px 18px; margin: 22px 0;
}
.encadre.or { background: rgba(226,179,68,.10); border-color: rgba(226,179,68,.35); }
.encadre p:first-child { margin-top: 0; }
.encadre p:last-child { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--bord); vertical-align: top; }
th { color: var(--texte-doux); font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; }
.pied { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--bord); color: var(--texte-doux); font-size: 13.5px; }
@media (max-width: 560px) {
  .enveloppe { padding: 28px 16px 60px; }
  h1 { font-size: 25px; }
  table, thead, tbody, tr, th, td { display: block; }
  th { display: none; }
  td { border-bottom: none; padding: 2px 0; }
  tr { border-bottom: 1px solid var(--bord); padding: 10px 0; }
  td:first-child { color: #fff; font-weight: 600; }
}
