/* variables, remise à zéro, règles globales */

:root{
  --ink:#1C1C1C;
  --ink-deep:#111111;
  --crimson:#C20319;
  --crimson-dark:#8E0212;
  --stone:#E8E3DF;
  --stone-soft:#F6F4F1;
  --gris-page:#F1F1F2;
  --paper:#FFFFFF;
  --muted:#6B6B6B;
  --line:rgba(28,28,28,.13);
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Archivo,system-ui,sans-serif;font-size:16.5px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,blockquote,.serif{font-family:Spectral,Georgia,serif;font-weight:400;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.vue[hidden]{display:none}
[data-route]{cursor:pointer}

/* Présent pour les moteurs de recherche et les lecteurs d'écran, absent à
   l'écran : on ne supprime pas un titre de page, on le retire de la vue. */
.titre-invisible{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap}