/* GÉNÉRÉ par observatoire/tools/build.py — NE PAS MODIFIER À LA MAIN.
   Les trois familles de la vitrine, servies par ce sous-domaine : aucune requête
   vers un tiers, et la même identité typographique des deux côtés. */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/jetbrainsmono.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
/* Les liens de citation sont posés seuls dans un bloc, pas dans une phrase : ce
   sont des cibles, et ils mesuraient 22 px de haut, deux de moins que les 24 px
   exigés. Le rembourrage ajoute la différence sans déplacer la ligne. */
.wrap > a {
  display: inline-block;
  padding-block: 1px;
}

/* Sélecteur de langue : une cible de 24 px, un filet discret, la même pastille
   que sur la vitrine. */
.lang-switch {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 0.5rem;
  border: 1px solid var(--c-line);
  border-radius: var(--r-sm);
  color: var(--c-ink-muted);
  text-decoration: none;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
}
.lang-switch:hover { color: var(--c-ink); border-color: var(--c-ink-muted); }

@font-face {
  font-family: 'Besley';
  src: url('../fonts/besley.woff2') format('woff2-variations');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Besley';
  src: url('../fonts/besley-italic.woff2') format('woff2-variations');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}