/* Desktop-Ergänzungen
   - Passt Formulare und Layouts für größere Bildschirme ab 1024px an
   - Arbeitet mit allen HTML-Formularseiten zusammen, die body.form-page verwenden
   - Ergänzt die Basiswerte aus master.css und die Mobile-Ansicht aus mobile.css
   - Verändert Spaltenbreiten, Abstände und Kartenmaße für Desktop-Displays
   - Greift auf dieselben Klassen und Komponenten wie die übrigen Stylesheets zu */
@media (min-width: 1024px) {
  body.form-page {
    padding: 40px 28px;
  }

  body.form-page .form-shell {
    width: min(100%, 620px);
    gap: 22px;
  }

  body.form-page .brand-mark {
    width: 128px;
  }

  body.form-page .form-card {
    border-radius: 32px;
    padding: 28px;
  }

  body.form-page .profile-title {
    font-size: 2.05rem;
  }

  body.form-page .profile-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.form-page .form-note {
    max-width: 32ch;
  }
}