/* Les pages légales de Notes — conditions, confidentialité, mentions.
   Une feuille à part plutôt qu'un <style> dans chaque page : la CSP du serveur
   admet aujourd'hui les styles en ligne (`style-src 'self' 'unsafe-inline'`,
   pour le rendu Markdown), mais une page légale n'a aucune raison d'en dépendre
   le jour où on la resserre. Aucun script, aucune police venue d'ailleurs : la
   palette est celle de `../style.css`, recopiée, puisque ces pages ne chargent
   pas la feuille de l'application. Le thème suit le système seul — le choix
   « clair / sombre » de l'application vit dans son stockage, qu'une page sans
   script ne lit pas. */

:root {
  --fond: #F5F6F3;
  --fond-carte: #FFFFFF;
  --trait: #D3D8D2;
  --texte: #1E2A32;
  --discret: #4B5A64;
  --accent: #2160B6;
  --avert: #C2650F;
  --avert-fond: #FDF1E4;
  --rayon: 10px;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fond: #151B20;
    --fond-carte: #222C34;
    --trait: #2E3A42;
    --texte: #ECEFEA;
    --discret: #B6C0C6;
    --accent: #6FB0EC;
    --avert: #F0A04B;
    --avert-fond: #2E2418;
  }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fond);
  color: var(--texte);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

main {
  max-width: 46rem;
  margin: 0 auto;
  padding: 1rem 16px 4rem;
}

a { color: var(--accent); }

.retour {
  display: inline-block;
  margin: 0.5rem 0 1rem;
  font-weight: 600;
  text-decoration: none;
}

h1 { font-size: 1.7rem; line-height: 1.25; margin: 0.5rem 0 0.25rem; }
h2 { font-size: 1.25rem; margin: 2.2rem 0 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--trait); }
h3 { font-size: 1.05rem; margin: 1.4rem 0 0.4rem; }

.version { color: var(--discret); font-size: 0.92rem; margin: 0 0 1.2rem; }

.projet {
  border: 2px solid var(--avert);
  background: var(--avert-fond);
  border-radius: var(--rayon);
  padding: 0.8rem 1rem;
  margin: 1rem 0 1.5rem;
}
.projet strong { color: var(--avert); }

.essentiel {
  background: var(--fond-carte);
  border: 1px solid var(--trait);
  border-radius: var(--rayon);
  padding: 0.8rem 1rem;
}

.completer {
  background: var(--avert-fond);
  color: var(--avert);
  font-weight: 600;
  padding: 0 0.2em;
  border-radius: 3px;
}

/* Les tableaux défilent dans leur boîte, jamais la page : à 390 px de large,
   cinq colonnes ne tiennent pas. */
.tableau { overflow-x: auto; margin: 0.8rem 0; }
table { border-collapse: collapse; width: 100%; min-width: 36rem; font-size: 0.92rem; }
th, td { border: 1px solid var(--trait); padding: 0.45rem 0.55rem; text-align: left; vertical-align: top; }
th { background: var(--fond-carte); }

dl { margin: 0.5rem 0; }
dt { font-weight: 600; margin-top: 0.8rem; }
dd { margin: 0.1rem 0 0 0; }

nav.autres { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--trait); font-size: 0.95rem; }
nav.autres a { margin-right: 1rem; display: inline-block; }
/* l'éditeur, en dernière ligne, discret */
footer.droits { margin-top: 1.5rem; font-size: 0.85rem; color: var(--discret); }