/* Feuille de style commune aux pages publiques (accueil, confidentialité,
   conditions, suppression) — dupliquée en ligne dans chaque page auparavant.
   Servie depuis la racine : les variantes i18n/fr/*.html y renvoient aussi,
   Firebase retombe sur ce fichier faute de /i18n/fr/style.css. */

:root { color-scheme: light dark; }

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  max-width: 760px; margin: 0 auto; padding: 24px 20px 48px;
  line-height: 1.6; color: #1c2433; background: #fafafa;
}

h1 { font-size: 1.6em; margin-bottom: 0.2em; }
h2 { font-size: 1.2em; margin-top: 1.8em; }
a { color: #2563eb; }
ol li, ul li { margin-bottom: 6px; }
.muted { opacity: 0.7; font-size: 0.9em; }

/* Chapeau de l'accueil. */
.lede { font-size: 1.1em; }

table { border-collapse: collapse; width: 100%; font-size: 0.95em; }
th, td { border: 1px solid #d5d9e0; padding: 8px 10px; text-align: left; vertical-align: top; }

/* Encadré des avertissements importants (conditions d'utilisation). */
.callout {
  border-left: 4px solid #d97706; background: #fff8ed;
  padding: 12px 16px; margin: 1.2em 0; border-radius: 4px;
}

/* Pied de page : les quatre pages se renvoient l'une à l'autre — un lecteur
   (ou un relecteur Google) arrive sur n'importe laquelle et trouve les autres. */
.pages {
  margin-top: 2.5em; padding-top: 1.2em; border-top: 1px solid #d5d9e0;
  font-size: 0.95em;
}
.pages ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; }
.pages li { margin-bottom: 0; }
.pages [aria-current="page"] { opacity: 0.6; font-weight: 600; }

@media (prefers-color-scheme: dark) {
  body { color: #e8ecf4; background: #12161c; }
  a { color: #7aa2ff; }
  th, td { border-color: #333b48; }
  .callout { background: #241d10; border-left-color: #d97706; }
  .pages { border-top-color: #333b48; }
}