/* ===================================================================
   DESIGN SYSTEM — Identité & doctrine deux vitesses (ADR-0050/0051)
   Composant avatar partagé (platform/core/avatar.js) + révélation de la
   densité experte via data-mode. Étend Editorial Arena (base.css).
   =================================================================== */

/* ── Avatar / médaillon d'identité (helper platform/core/avatar.js) ──────
   Classe namespacée .ds-avatar pour ne pas entrer en collision avec les
   avatars-initiales historiques .fc-avatar propres à FactCheck. */
.ds-avatar {
  --_size: var(--fc-avatar-md);
  width: var(--_size);
  height: var(--_size);
  flex: 0 0 auto;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--fc-avatar-bg, var(--paper-dim));
  color: var(--fc-avatar-fg, var(--text-ink-dim));
  box-shadow: inset 0 0 0 1px var(--fc-avatar-ring);
  user-select: none;
}

.ds-avatar--sm { --_size: var(--fc-avatar-sm); }
.ds-avatar--md { --_size: var(--fc-avatar-md); }
.ds-avatar--lg { --_size: var(--fc-avatar-lg); }

.ds-avatar--circle { border-radius: 50%; }
.ds-avatar--squircle { border-radius: 28%; }

.ds-avatar picture,
.ds-avatar__img {
  width: 100%;
  height: 100%;
  display: block;
}
.ds-avatar__img {
  object-fit: cover;
}

.ds-avatar__initials {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: calc(var(--_size) * 0.4);
  line-height: 1;
  letter-spacing: 0.01em;
}

/* ── Doctrine UI « triple couche de profondeur » (ADR-0052) ──────────────
   data-depth pilote la révélation progressive, sans framework (ADR-0005).
   L1 essentiel (citoyen, défaut) · L2 approfondi (compréhension) · L3 expert.
   Contrat de classes :
     .fc-l2  → visible dès « approfondi »      (compréhension)
     .fc-l3  → visible uniquement en « expert » (forensique)
     .fc-expert → alias rétro-compatible de .fc-l3 (ADR-0051)
     .fc-essentiel-only → uniquement en « essentiel » (récit dépouillé) */
[data-depth="essentiel"] .fc-l2,
[data-depth="essentiel"] .fc-l3,
[data-depth="approfondi"] .fc-l3,
[data-depth="essentiel"] .fc-expert,
[data-depth="approfondi"] .fc-expert {
  display: none !important;
}

[data-depth="approfondi"] .fc-essentiel-only,
[data-depth="expert"] .fc-essentiel-only {
  display: none !important;
}