/* Les annotations « au crayon » : un repère manuscrit posé en absolu sur ce qu'il désigne, et le
 * trait pointillé courbe qui l'y relie.
 *
 * Le repère se place à l'unité, chaque appel désignant un point différent de son image : sa
 * position, son décalage et son inclinaison arrivent donc en variables, posées sur lui.
 *
 *   --top --right --bottom --left   où il se pose dans son parent positionné
 *   --mr --ml                       ce qui l'écarte de ce qu'il désigne
 *   --rot                           son inclinaison ; sans elle, aucune transformation
 *   --trace-w --trace-h             la longueur du trait
 *
 * Une variable non posée rend sa déclaration invalide, et la propriété reprend sa valeur
 * initiale : `auto` pour un décalage, zéro pour une marge, `none` pour la transformation.
 */

.bnm-ann-annot { position: absolute; font-family: var(--bnm-display); font-size: clamp(.7rem, 2.5vw, .84rem); font-weight: 700;
  line-height: 1.25; white-space: nowrap; color: var(--bnm-amber-ink); pointer-events: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .92), 0 0 7px rgba(255, 255, 255, .85);
  top: var(--top); right: var(--right); bottom: var(--bottom); left: var(--left);
  margin-right: var(--mr); margin-left: var(--ml); transform: rotate(var(--rot));
  --trace-w: 58px; --trace-h: 50px }
/* Un repère posé à gauche de ce qu'il désigne se lit collé à lui, donc cadré à droite. */
.bnm-ann-annot--right { text-align: right }
.bnm-ann-annot em { display: block; font-style: normal; font-weight: 500; font-size: .86em; color: var(--bnm-amber) }

.bnm-ann-annot--bench { color: var(--bnm-amber); text-shadow: 0 1px 4px rgba(0, 0, 0, .55) }
.bnm-ann-annot--bench em { color: #8f8cc0 }

.bnm-ann-annot .bnm-ann-trace { position: absolute; width: var(--trace-w); height: var(--trace-h); color: var(--bnm-amber); opacity: .85; overflow: visible }
.bnm-ann-annot--dr .bnm-ann-trace { top: 100%; left: 100%; margin: -6px 0 0 -12px }
.bnm-ann-annot--dl .bnm-ann-trace { top: 100%; right: 100%; margin: -6px -12px 0 0; transform: scaleX(-1) }
.bnm-ann-annot--ur .bnm-ann-trace { bottom: 100%; left: 100%; margin: 0 0 -6px -12px; transform: scaleY(-1) }
.bnm-ann-annot--ul .bnm-ann-trace { bottom: 100%; right: 100%; margin: 0 -12px -6px 0; transform: scale(-1, -1) }