/* ── LA PLANCHE, SUR LE SITE ─────────────────────────────────────────────
   Les pages redessinées sur la planche Claude Design portent leur style en
   ligne, élément par élément : elles ne dépendent de yoseri.css pour rien,
   et n'en veulent rien non plus. Cette feuille ne contient que ce que la
   planche posait AUTOUR de ses pages — ses images-clés et ses quelques
   défauts de document — et ce qu'il faut retirer de yoseri.css à l'intérieur
   d'une page de planche pour qu'elle s'affiche comme sur la planche.

   Rien ici ne touche une page du gabarit : tout est sous [data-page]. */

/* ── ce que la planche posait sur le document ── */
@keyframes ypulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.84)}}
@keyframes ybond{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:1}}
@keyframes ybalaye{0%{transform:rotate(-11deg) translateY(-70%);opacity:0}10%{opacity:1}48%{transform:rotate(-11deg) translateY(215%);opacity:.9}56%,100%{transform:rotate(-11deg) translateY(215%);opacity:0}}
@keyframes ycoche{0%{background:#D8D6E4}12%,88%{background:#5B3DF5}100%{background:#D8D6E4}}

/* ── une page de planche retrouve les défauts du document de la planche ── */
[data-page]{position:relative;overflow-x:clip;color:#0F1426;font-family:'Archivo',system-ui,sans-serif;font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased;text-wrap:pretty}
[data-page] a{color:#5B3DF5;text-decoration:none}
[data-page] a:hover{color:#3D25C8}
/* yoseri.css pose h2, section et svg pour le gabarit ; la planche écrit
   les siens en ligne et ne compte que sur les défauts du navigateur. */
[data-page] h1,[data-page] h2,[data-page] h3{font-family:inherit;text-wrap:balance}
[data-page] section{padding:0}
[data-page] svg{display:inline}
[data-page] summary::-webkit-details-marker{display:none}
[data-page] img{max-width:100%}
/* L'entête du site est collée en haut : une ancre doit s'arrêter dessous. */
[data-page] [id]{scroll-margin-top:calc(var(--h-nav) + 14px)}
@media (prefers-reduced-motion:reduce){[data-page] *{animation:none!important;transition:none!important}}