From 1c2da581e645e5ccac7c5c870463159b5dde605d Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Fri, 30 Jan 2026 10:27:12 +0100
Subject: [PATCH] ux: dedupe manifesto cards via ui-card

---
 frontend/src/pages/manifesto.astro | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/pages/manifesto.astro b/frontend/src/pages/manifesto.astro
index 630325f..d636dda 100644
--- a/frontend/src/pages/manifesto.astro
+++ b/frontend/src/pages/manifesto.astro
@@ -72,7 +72,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
     <section class="manifesto-section">
       <h2>Principles for Governance Infrastructure</h2>
       
-      <div class="principle-block">
+      <div class="principle-block ui-card ui-card-pad-xl">
         <h3>1. Information Must Be Understandable, Not Just Available</h3>
         <p>
           Transparency is necessary but not sufficient. Dumping raw data on members and calling 
@@ -86,7 +86,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
         </p>
       </div>
 
-      <div class="principle-block">
+      <div class="principle-block ui-card ui-card-pad-xl">
         <h3>2. Deliberation Must Be Structured</h3>
         <p>
           Free-form discussion favors those with time and rhetorical skill. Unstructured debates 
@@ -103,7 +103,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
         </ul>
       </div>
 
-      <div class="principle-block">
+      <div class="principle-block ui-card ui-card-pad-xl">
         <h3>3. Voting Methods Must Match Decision Types</h3>
         <p>
           Simple majority voting fails for complex decisions. When there are multiple options, 
@@ -126,7 +126,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
         </p>
       </div>
 
-      <div class="principle-block">
+      <div class="principle-block ui-card ui-card-pad-xl">
         <h3>4. Delegation Must Be Flexible and Revocable</h3>
         <p>
           Not everyone can participate in every decision. Liquid delegation allows members 
@@ -140,7 +140,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
         </p>
       </div>
 
-      <div class="principle-block">
+      <div class="principle-block ui-card ui-card-pad-xl">
         <h3>5. Moderation Must Be Visible and Accountable</h3>
         <p>
           Every community needs moderation. The question is whether it happens transparently 
@@ -162,7 +162,7 @@ import PublicLayout from '../layouts/PublicLayout.astro';
         </p>
       </div>
 
-      <div class="principle-block">
+      <div class="principle-block ui-card ui-card-pad-xl">
         <h3>6. Privacy and Transparency Must Coexist</h3>
         <p>
           Some information should be public (moderation decisions, vote tallies, policy rationales). 
@@ -332,10 +332,6 @@ import PublicLayout from '../layouts/PublicLayout.astro';
 
   .principle-block {
     margin: 2.5rem 0;
-    padding: 2rem;
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
-    border-radius: var(--radius-lg);
   }
 
   .principle-block h3 {