:root { color-scheme: light dark; }
  * { box-sizing: border-box; }
  body { font-family: system-ui, sans-serif; max-width: 42rem; margin: 0 auto;
         padding: 2.5rem 1.25rem 4rem; line-height: 1.55; }
  header { display: flex; align-items: baseline; gap: 1rem; margin-bottom: 2rem; }
  header a.marque { font-weight: 600; text-decoration: none; color: inherit; }
  header nav { margin-left: auto; font-size: .9rem; }
  h1 { font-size: 1.5rem; margin: 0 0 .5rem; }
  h2 { font-size: 1.1rem; margin: 2rem 0 .5rem; }
  p.chapo { opacity: .75; margin-top: 0; }
  form { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
  input[type=email], input[type=text] { flex: 1; min-width: 14rem; padding: .55rem .7rem;
    font: inherit; border: 1px solid color-mix(in oklab, currentColor 30%, transparent);
    border-radius: .4rem; background: transparent; color: inherit; }
  button { padding: .55rem 1rem; font: inherit; border-radius: .4rem; cursor: pointer;
    border: 1px solid color-mix(in oklab, currentColor 30%, transparent); background: transparent; color: inherit; }
  button.principal { background: currentColor; }
  button.principal span { filter: invert(1); }
  table { width: 100%; border-collapse: collapse; font-size: .92rem; }
  th, td { text-align: left; padding: .5rem .4rem; border-bottom: 1px solid
    color-mix(in oklab, currentColor 15%, transparent); }
  th { font-weight: 600; opacity: .7; font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; }
  code, .jeton { font-family: ui-monospace, monospace; font-size: .88em; }
  .jeton { display: block; padding: .7rem; margin: .5rem 0;
    background: color-mix(in oklab, currentColor 8%, transparent); border-radius: .4rem;
    word-break: break-all; }
  .encart { padding: 1rem 1.1rem; border-radius: .5rem; margin: 1.25rem 0;
    background: color-mix(in oklab, currentColor 7%, transparent); }
  .vide { opacity: .6; font-style: italic; }
  .citation { margin: .75rem 0; padding: .75rem 1rem; font-size: 1.05rem;
    border-left: 3px solid currentColor; opacity: .9; }
  .pour-agents { font-size: .85rem; opacity: .6; margin-top: 2rem; }
  form.en-ligne { display: inline; }
  button.lien { border: 0; padding: 0; background: none; text-decoration: underline; }
  form.espace-haut { margin-top: 1rem; }
  footer { margin-top: 3rem; font-size: .85rem; opacity: .6; }