/*
  Mobile/Tablet Scale (80%)
  
  Ziel: Auf kleineren Geräten die gesamte UI proportional „kleiner“ wirken lassen,
  ohne Layout/Logik via JS zu verändern.

  Umsetzung: Root-Fontsize reduzieren.
  - Tailwind nutzt überwiegend rem → Abstände/Typografie skalieren mit.
  - Keine `transform: scale(...)` Hacks (die sticky/fixed/viewport-Berechnungen brechen können).
*/

@media (max-width: 1024px) {
  html {
    font-size: 80%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
}