/* Une seule feuille pour les pages legales. Aucune ressource externe : ces pages
   doivent s'ouvrir vite, partout, et depuis le reviewer Atlassian. */
:root {
  color-scheme: light dark;
  --fond: #fbfbfa;
  --encre: #1a1a1a;
  --doux: #5c5c5c;
  --trait: #e2e0dc;
  --lien: #1b4d8f;
  --appui: #f2f0ec;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fond: #17181a;
    --encre: #e8e6e3;
    --doux: #a3a09b;
    --trait: #2e3033;
    --lien: #8ab4f8;
    --appui: #1f2124;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fond);
  color: var(--encre);
  font: 16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
main { max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; }
header { border-bottom: 1px solid var(--trait); padding-bottom: 1.5rem; margin-bottom: 2.5rem; }
.marque { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--doux); margin: 0 0 .5rem; }
h1 { font-size: 1.8rem; line-height: 1.25; margin: 0 0 .75rem; }
h2 { font-size: 1.15rem; margin: 2.5rem 0 .75rem; }
h3 { font-size: 1rem; margin: 1.75rem 0 .5rem; }
p, li { color: var(--encre); }
.dates { color: var(--doux); font-size: .9rem; margin: 0; }
a { color: var(--lien); }
ul { padding-left: 1.15rem; }
li { margin-bottom: .4rem; }
code { background: var(--appui); padding: .1em .35em; border-radius: 3px; font-size: .9em; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; display: block; overflow-x: auto; }
th, td { border: 1px solid var(--trait); padding: .5rem .65rem; text-align: left; vertical-align: top; }
th { background: var(--appui); font-weight: 600; }
.encadre { background: var(--appui); border-left: 3px solid var(--lien); padding: 1rem 1.15rem; margin: 1.75rem 0; border-radius: 0 4px 4px 0; }
.encadre p:first-child { margin-top: 0; }
.encadre p:last-child { margin-bottom: 0; }
footer { border-top: 1px solid var(--trait); margin-top: 3.5rem; padding-top: 1.25rem; color: var(--doux); font-size: .9rem; }

/* Ajouts propres a /labs. Cette feuille est une COPIE de ../style.css : la page
   /labs est servie sous memolabs.dev, donc une feuille prise sur
   legal.memolabs.dev serait cross-origin et la CSP style-src 'self' la
   refuserait. Si le style commun change, recopier le fichier et regarder ici. */
.produit { display: flex; gap: 1.15rem; align-items: flex-start; margin: 1rem 0 2rem; }
.produit img { border-radius: 12px; flex: 0 0 auto; }
.produit h3 { margin-top: 0; }
@media (max-width: 30rem) {
  .produit { flex-direction: column; gap: .75rem; }
}

/* Lockup de marque : le logo Memo Labs et le nom sur une ligne. Le SVG est servi
   depuis /labs, donc same-origin, ce que la CSP img-src 'self' exige. */
.marque { display: flex; align-items: center; gap: .6rem; font-size: .95rem; letter-spacing: .04em; text-transform: none; color: var(--encre); font-weight: 600; }
.marque img { border-radius: 8px; display: block; }