Adding Syndicate Pages

Chrono/Standalone/Components/CardDialog.razor.css

@@ -1,7 +1,7 @@
 .modal-backdrop {
     position: fixed;
     inset: 0;
-    z-index: 1040;
+    z-index: 1060;
     background: rgba(0, 0, 0, 0.7);
     backdrop-filter: blur(4px);
     animation: fade-in 0.2s ease-out;
@@ -21,7 +21,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    z-index: 1050;
+    z-index: 1070;
     background: var(--bg-surface);
     border: 1px solid var(--border);
     border-radius: 16px;
@@ -200,8 +200,55 @@
     color: var(--text-secondary);
 }
 
-.detail-field.description .field-value {
+.markdown-content {
     color: var(--text-primary);
+    line-height: 1.6;
+}
+
+.markdown-content p {
+    margin-bottom: 0.75rem;
+}
+
+.markdown-content ul {
+    margin-bottom: 0.75rem;
+    padding-left: 1.25rem;
+}
+
+.markdown-content li {
+    margin-bottom: 0.25rem;
+}
+
+.markdown-content h2, .markdown-content h3, .markdown-content h4 {
+    margin-top: 1rem;
+    margin-bottom: 0.75rem;
+    font-weight: 700;
+}
+
+.markdown-content h2 { font-size: 1.3rem; }
+.markdown-content h3 { font-size: 1.2rem; }
+.markdown-content h4 { font-size: 1rem; }
+
+.table-responsive {
+    overflow-x: auto;
+    margin-bottom: 1rem;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+}
+
+.markdown-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.85rem;
+}
+
+.markdown-table th, .markdown-table td {
+    padding: 0.5rem;
+    border: 1px solid var(--border);
+    text-align: left;
+}
+
+.markdown-table th {
+    background: rgba(255, 255, 255, 0.05);
 }
 
 .card-detail::-webkit-scrollbar {