/* grund.css – die Grundregeln von ICT-Inventar, die keinen Baustein
   von Dashboard-Style schlagen dürfen.

   Dashboard-Style liegt ganz in der Kaskaden-Ebene «ds» (ds.tokens,
   ds.base, ds.components, ds.motion, ds.utilities). CSS ohne Ebene gewinnt
   gegen jede Ebene, egal wie spezifisch: Eine blanke Regel «h2 { … }» in
   bausteine.css schlüge darum auch .ds-dialog__title oder .ds-card__title.
   Was nur Grundzustand ist (Ränder 0, die Lage der Sinnbilder), steht
   deshalb hier in der Ebene «grund», die VOR «ds» kommt: Jede Klasse von
   Dashboard-Style (Kartenrhythmus, Titelrollen, eigene Ränder) gewinnt
   dagegen, ICT-CSS ohne Ebene (thema.css, bausteine.css, rahmen.css,
   Seiten-CSS) ohnehin.

   Diese Datei wird als ERSTE Stilvorlage geladen (vor fonts.css und
   ds.css): Die erste Erwähnung einer Ebene legt die Reihenfolge fest, und
   «@layer grund, ds;» muss vor der ersten Ebene von ds.css stehen.
   Nur Tokens, keine Farb-, Schrift- oder Dauer-Literale (Pruefe-Frontend,
   Prüfung 3). */

@layer grund, ds;

@layer grund {

  /* Ränder 0: die ICT-eigene Ergebniszahl (ein <p>) trägt keinen
     Browser-Rand (.ds-muted, .ds-kv-list, .ds-code-block und die
     Überschriften unter .ds-base setzt Dashboard-Style 2.0 selbst auf 0,
     die Überschriften auch auf ihre Rollen). In einer Karte setzt der
     Kartenrhythmus von Dashboard-Style (.ds-card > * + *) den Abstand
     darüber; in Blättern und Dialogen der Körper (gap). */
  .anzahl {
    margin: 0;
  }

  /* Sinnbild aus DS.icons (UI.sinnbild setzt die Klasse; Strich, Farbe und
     Enden schreibt DS.icons.iconElement): mittig in der Zeile, schrumpft
     nie. Nur Grundzustand: wo Dashboard-Style ein Sinnbild selbst setzt
     (vor einer Meta-Zeile, .ds-kv-list__icon, in Links), gewinnt es. */
  .icon {
    flex-shrink: 0;
    vertical-align: middle;
  }
}