/* Nur fuer /arbeitssicherheit/. Wird nach components.css geladen und ergaenzt
   ausschliesslich die Symbolreihe zur persoenlichen Schutzausruestung.

   Warum kein vorhandenes Raster: .raster--3 bricht bei 36rem auf eine Spalte um.
   Aus sechs kleinen Symbolen wuerden dort sechs volle Zeilen. So bleiben es zwei
   Spalten ab 375px und vier ab 768px; erst unter 360px wird eine Spalte daraus,
   weil das Wort sonst neben dem Symbol umbrechen muesste. */

.psa {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
  gap: var(--space-m) var(--space-s);
  margin: var(--space-l) 0 0;
  padding: 0;
  list-style: none;
}

.psa li {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

/* Gleiche Symbolsprache wie .schnellzugriff: Umriss statt Flaeche. Die
   genormten Gebotszeichen nach ISO 7010 sind gefuellte blaue Scheiben und
   duerfen weder umgefaerbt noch umgezeichnet werden – deshalb hier eigene
   Umrisszeichen im Hausstil, die nichts Genormtes vorgeben. */
.psa svg {
  flex: none;
  width: 34px;
  height: 34px;
  fill: none;
  stroke: var(--blue-500);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}