/* Pages légales PLIGO (S26.328 / F534) — complète ../telecharger/style.css
   (mêmes couleurs et polices) ; en-tête et pied communs : ../telecharger/site.css
   (S26.330). Aucune ressource externe. */
.doc h1 { margin: 6px 0 4px; font-size: 1.6rem; color: var(--rouge); }
:where(html:not([data-theme="clair"])) .doc h1 { color: #ef8a8d; }
.doc .maj { color: var(--texte-doux); font-size: .9rem; margin: 0 0 12px; }
.doc .carte h2 { margin: 0 0 8px; }
.doc .carte p, .doc .carte li { overflow-wrap: anywhere; }
.doc ul, .doc ol { padding-left: 22px; margin: 6px 0; }
.doc li { margin: 4px 0; }

.provisoire {
  background: var(--info); border: 1px solid var(--info-bord); border-radius: 8px;
  padding: 10px 12px; margin: 0 0 16px; font-size: .95rem;
}
.a-completer {
  background: #fff1a8; color: #5a3d00; border: 1px dashed #b8860b; border-radius: 4px;
  padding: 0 4px; font-weight: 700;
}
/* Sombre par défaut ; clair seulement si choisi (27/10). */
  :where(html:not([data-theme="clair"])) .a-completer { background: #5a4500; color: #ffe8a0; border-color: #e0b84a; }


.tableau { width: 100%; border-collapse: collapse; font-size: .92rem; margin: 8px 0; }
.tableau th, .tableau td {
  border-top: 1px solid var(--bord); padding: 8px 6px; text-align: left; vertical-align: top;
}
.tableau th { font-weight: 600; }
.tableau thead th { border-top: none; color: var(--texte-doux); font-size: .85rem; }
@media (max-width: 560px) {
  .tableau thead { display: none; }
  .tableau tr { display: block; border-top: 1px solid var(--bord); padding: 6px 0; }
  .tableau th, .tableau td { display: block; border: none; padding: 2px 0; }
  .tableau td::before {
    content: attr(data-label) " : "; font-weight: 600; color: var(--texte-doux);
  }
}

.important { font-weight: 600; }

.doc .sommaire { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.sommaire a {
  display: block; padding: 14px 16px; border: 1px solid var(--bord); border-radius: var(--rayon);
  background: var(--carte); text-decoration: none; color: var(--texte);
}
.sommaire a:hover, .sommaire a:focus-visible { border-color: var(--rouge); }
.sommaire .titre { display: block; font-weight: 700; color: var(--rouge); }
:where(html:not([data-theme="clair"])) .sommaire .titre { color: #ef8a8d; }
.sommaire .detail { display: block; font-size: .9rem; color: var(--texte-doux); }


/* 29/10 — Fil d'Ariane (Accueil › Informations légales › page) et sommaire
   des articles des pages longues (ancres sur les titres existants). */
.fil ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 0; padding: 0; margin: 0 0 14px; font-size: .88rem; color: var(--texte-doux); }
.fil li { display: inline-flex; align-items: center; }
.fil li + li::before { content: "›"; margin: 0 8px; color: var(--texte-doux); opacity: .7; }
.fil a { display: inline-flex; align-items: center; min-height: 32px; color: var(--texte-doux); text-decoration: none; border-radius: 6px; }
.fil a:hover, .fil a:focus-visible { color: var(--texte); text-decoration: underline; text-underline-offset: 3px; }
.fil [aria-current="page"] { color: var(--texte); font-weight: 600; }
.sommaire-page {
  margin: 0 0 16px; padding: 14px 16px 10px; border: 1px solid var(--bord); border-radius: var(--rayon);
  background: var(--carte);
}
.doc .sommaire-page h2 {
  margin: 0 0 6px; font: 600 .74rem ui-monospace, "Cascadia Mono", Consolas, monospace;
  text-transform: uppercase; letter-spacing: .14em; color: var(--texte-doux);
}
.doc .sommaire-page ol { margin: 0; padding-left: 0; list-style: none; counter-reset: art; columns: 2 16em; column-gap: 24px; }
.doc .sommaire-page li { margin: 0; break-inside: avoid; counter-increment: art; }
.sommaire-page a {
  display: flex; gap: 10px; align-items: baseline; padding: 7px 4px; border-radius: 8px;
  color: var(--texte); text-decoration: none;
}
.sommaire-page a::before { content: counter(art); min-width: 1.4em; font: 600 .82rem ui-monospace, Consolas, monospace; color: var(--rouge); }
:where(html:not([data-theme="clair"])) .sommaire-page a::before { color: #ef8a8d; }
.sommaire-page a:hover, .sommaire-page a:focus-visible { background: var(--rouge-pale); }
.doc :focus-visible { outline: 2px solid #e2393f; outline-offset: 2px; }