x

static/style.css

@@ -1348,6 +1348,51 @@ optgroup {
   background: linear-gradient(180deg, var(--bg-primary) 0%, var(--primary-50) 100%);
 }
 
+.mechanism-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.mechanism-card {
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-lg);
+  padding: var(--space-4);
+  background: var(--bg-primary);
+}
+
+.mechanism-title {
+  font-size: var(--text-base);
+  font-weight: var(--font-semibold);
+  color: var(--text-primary);
+  margin-bottom: var(--space-3);
+}
+
+.mechanism-subtitle {
+  font-size: var(--text-sm);
+  font-weight: var(--font-semibold);
+  color: var(--text-secondary);
+  margin-bottom: var(--space-2);
+}
+
+.mechanism-notes {
+  margin-top: var(--space-4);
+  padding-top: var(--space-4);
+  border-top: 1px solid var(--border-light);
+}
+
+.mechanism-note-list {
+  margin: 0;
+  padding-left: 1.1rem;
+  color: var(--text-secondary);
+  font-size: var(--text-sm);
+  line-height: 1.7;
+}
+
+.mechanism-note-list li + li {
+  margin-top: var(--space-2);
+}
+
 .result-priority-grid {
   margin-bottom: var(--space-6);
 }