body {
    background-color: #f5f6f8;
}

.card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.nav-link.text-white:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
}

/* Blazors <FocusOnNavigate Selector="h1" /> (Routes.razor) setzt den Fokus nach jeder
   Navigation programmatisch auf die Ueberschrift (fuer Screenreader-Nutzer) - ohne diese Regel
   zeigt der Browser dafuer seinen dicken schwarzen Standard-Fokusring, obwohl die Ueberschrift
   selbst kein interaktives, per Tastatur bedienbares Element ist. Echte Fokusringe auf Links,
   Buttons und Formularfeldern (Tastaturbedienung) bleiben davon unberuehrt. */
h1[tabindex="-1"]:focus {
    outline: none;
}