/* Pages juridiques et FAQ du site (site/generer.ts). Mêmes couleurs que l'accueil. */
:root {
  --bg: #F7F9FC; --surface: #FFFFFF; --ink: #101828; --ink-2: #667085; --ink-3: #98A2B3;
  --blue: #1754A6; --line: rgba(16, 24, 40, 0.10); --warn-bg: #FFF1E7; --warn: #B54708;
  --f: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B0F16; --surface: #131A24; --ink: #E8EEF7; --ink-2: #94A3B8; --ink-3: #64748B;
    --blue: #8FB4F5; --line: rgba(232, 238, 247, 0.12); --warn-bg: #2A1B10; --warn: #FDB022;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0B0F16; --surface: #131A24; --ink: #E8EEF7; --ink-2: #94A3B8; --ink-3: #64748B;
  --blue: #8FB4F5; --line: rgba(232, 238, 247, 0.12); --warn-bg: #2A1B10; --warn: #FDB022;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 var(--f); -webkit-font-smoothing: antialiased; }
a { color: var(--blue); }
.entete {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
  padding: 16px max(16px, calc((100% - 820px) / 2)); border-bottom: 1px solid var(--line); background: var(--surface);
}
.entete .logo img { height: 36px; width: auto; display: block; }
.entete nav { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; font-weight: 600; }
.entete nav a { color: var(--ink-2); text-decoration: none; }
.entete nav a[aria-current="page"], .entete nav a:hover { color: var(--blue); }
.texte { max-width: 820px; margin: 0 auto; padding: 32px 16px 56px; overflow-wrap: anywhere; }
.texte h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 6px; }
.texte h2 { font-size: 20px; line-height: 1.3; margin: 32px 0 8px; }
.texte p, .texte li { color: var(--ink); }
.texte ul { padding-left: 22px; }
.texte li { margin: 6px 0; }
.version { color: var(--ink-3); font-size: 14px; margin: 0 0 24px; }
.avertissement { background: var(--warn-bg); color: var(--warn); border-radius: 12px; padding: 12px 16px; font-size: 14.5px; font-weight: 600; margin: 16px 0; }
.fiche { margin: 12px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.fiche div { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 4px 16px; padding: 10px 14px; border-top: 1px solid var(--line); }
.fiche div:first-child { border-top: 0; }
.fiche dt { color: var(--ink-2); font-size: 14px; }
.fiche dd { margin: 0; font-weight: 600; }
.fiche dd.discret { font-weight: 400; color: var(--ink-2); }
.lien span { color: var(--ink-2); font-size: 14px; }
details { border-top: 1px solid var(--line); padding: 12px 0; }
details:last-of-type { border-bottom: 1px solid var(--line); }
summary { cursor: pointer; font-weight: 600; font-size: 17px; }
.pied { border-top: 1px solid var(--line); padding: 20px max(16px, calc((100% - 820px) / 2)) 32px; font-size: 13px; color: var(--ink-3); }
.pied a { color: var(--ink-2); }
@media (max-width: 560px) { .fiche div { grid-template-columns: 1fr; } }