Give the site a warm design system with card-based content lists

Elternbeirat.Web/Features/Embeds/EventsEmbed.razor.css

@@ -1,33 +1,5 @@
+/* Card styles for .event-list are shared with the full events page and live in the
+   global app.css. Only the embed's spacing on the home page is specific here. */
 .embed-events {
-    margin-top: 2rem;
-}
-
-.event-list {
-    list-style: none;
-    padding: 0;
-}
-
-.event-list li {
-    padding: 0.75rem 0;
-    border-bottom: 1px solid #eee;
-}
-
-.event-list time {
-    display: block;
-    color: #777;
-    font-size: 0.85rem;
-}
-
-.event-title {
-    font-size: 1.1rem;
-    font-weight: 600;
-}
-
-.event-location::before {
-    content: " · ";
-    color: #777;
-}
-
-.event-location {
-    color: #555;
+    margin-top: var(--space-5);
 }