/* Die Rassenbereiche: Hunde- und Katzenrassen teilen sich diese Datei ueber
   "stil: rasse" im Meta-Block. Zwei getrennte Dateien waeren zwei Kopien
   derselben Regeln — die Rasseprofile sind gleich aufgebaut.

   Die gemeinsamen Bausteine (Brotkruemel, Autorenzeile, Fliesstextmass, CTA-Box,
   Hinweis, Quellen, Hub-Liste) stehen in bausteine.css: Der Blog nutzt
   dieselben, und zweimal gepflegt liefen sie auseinander. Hier steht nur, was es
   ausschliesslich auf einem Rasseprofil gibt. */

/* Steckbrief-Tabelle (V12, Abschnitt 4). Zwei Spalten, keine eigene Flaeche — die
   Trennlinien reichen. Auf 360px bricht die Wertspalte um, statt die Tabelle ueber
   den Rand zu schieben: Die Merkmalsspalte ist auf 40 % gedeckelt, und lange
   Komposita wie "Bewegungsbedarf" duerfen umbrechen.

   Der Umbruch ist "anywhere" und nicht "break-word", weil nur ersteres in die
   MINDESTBREITE der Zelle eingeht. Bei table-layout: auto rechnet der Browser die
   Spaltenbreiten aus den Mindestbreiten und ueberschreibt damit width: 100 % —
   "break-word" bricht erst beim Fuellen der Zeile und kam deshalb zu spaet. Belegt
   auf /hunderassen/bolonka-zwetna/ ("kein FCI-Rassestandard …",
   "Ausdauersportpartner"): 7px Ueberbreite auf 360px, gemeldet von
   layout-pruefung.mjs. */
.steckbrief {
  width: 100%;
  border-collapse: collapse;
}

.steckbrief th,
.steckbrief td {
  border-bottom: 1px solid var(--linie);
  padding: 0.5rem 0.75rem 0.5rem 0;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.steckbrief th {
  width: 40%;
  font-family: var(--schrift-headline);
  font-weight: 600;
}