/* DE: Der Blick auf eine Gebärde in einer LISTE (`Words::SignGlimpseComponent`).
       Rahmen und Zuschnitt gehören hierher, die Größe der Fläche, in der er steht — eine Trefferzeile
       braucht ein anderes Maß als das Wort des Tages. `object-fit: cover`, weil eine Gebärde mittig steht
       und der Rand nichts trägt; `block-size: auto` als Voreinstellung, damit ein Spieler ohne eigene
       Größenangabe nicht zu einem Strich zusammenfällt.
   EN: The glimpse of a sign in a LIST. Frame and crop belong here, the size to the surface it sits in — a
       result row needs a different measure than the word of the day. `object-fit: cover` because a sign sits
       centred and the edges carry nothing. */
.sign-glimpse {
  display: block; max-inline-size: 100%; object-fit: cover;
  border-radius: var(--radius-md); background: var(--surface-2);
}

/* DE: In einer Trefferkarte füllt er die vorhandene Miniatur — dieselbe Fläche, die ein Bild bekäme. */
.result-card__sign { inline-size: 100%; block-size: 100%; }

/* DE: Auf der Sprachseite steht die Aufnahme GESTAPELT über dem Wort — diese Karte hat keine `__body`-Hülle,
       also greift die Zeilen-Regel von `learner-word.css` dort nicht (und darf es nicht). Nach oben begrenzt
       und mittig, damit sie auf dem Telefon keine Wand wird.
   EN: On the language page the recording sits STACKED above the word: that card has no `__body` wrapper, so
       the row rule must not apply. Capped and centred so it does not become a wall on a phone. */
.wotd-card__sign {
  inline-size: 100%; max-inline-size: 16rem; block-size: auto;
  margin-inline: auto; margin-block-end: var(--sp-sm);
}