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

Elternbeirat.Web/Features/Faqs/FaqList.razor.css

@@ -1,22 +1,10 @@
+/* The .faq-item card styles are shared with the home-page embed and live in the
+   global app.css. Only the topic grouping is specific to this full page (the
+   embed shows a flat list without topic headings). */
 .faq-topic {
-    margin-bottom: 2rem;
+    margin-bottom: var(--space-5);
 }
 
 .faq-topic h2 {
-    margin-bottom: 0.5rem;
-}
-
-.faq-item {
-    border-bottom: 1px solid #eee;
-    padding: 0.5rem 0;
-}
-
-.faq-item summary {
-    cursor: pointer;
-    font-weight: 600;
-}
-
-.faq-answer {
-    padding: 0.5rem 0 0.25rem;
-    color: #333;
+    margin-bottom: var(--space-3);
 }