/* cb06 · Frittes Riecher — eigene Farbwelt wie in der App (Gewürzregal), nie wie ein zweites Urteil */
.ff-riecher__titel { margin-bottom: var(--space-5); }
.ff-riecher__lead { font-size: var(--fs-lead); line-height: 1.42; max-width: 34ch; }
.ff-riecher__stufen {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-5);
  margin-block: var(--space-6);
  list-style: none;
  padding: 0;
}
.ff-riecher__stufe {
  font-size: clamp(1.25rem, 1rem + .8vw, 1.7rem);
  border-width: 4px;
  border-radius: var(--radius-rund);
  padding: .32em .78em .46em;
}
.ff-riecher__stufe--sauber { --tilt: -2deg; background: var(--ff-salbei); }
.ff-riecher__stufe--komisch { --tilt: 2deg; background: var(--ff-pfirsich); }
.ff-riecher__stufe--faul { --tilt: -3deg; background: var(--ff-tomate); }
.ff-riecher__blase {
  --tilt: -2deg;
  max-width: 24ch;
  font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);
  rotate: var(--tilt);
}
.ff-riecher__pflicht {
  margin-top: var(--space-6);
  padding-left: var(--space-5);
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--text-muted);
  max-width: 40ch;
}

@media (max-width: 900px) {
  .ff-riecher__stufen { margin-block: var(--space-5); }
  .ff-riecher__pflicht { padding-left: var(--space-2); font-size: 1rem; }
}