Add basic index redesign

MIGRATION_GUIDE.md

@@ -4,6 +4,34 @@
 
 This project is using the **Strangler Fig Pattern** to incrementally migrate from Bootstrap 3.3.7 to Tailwind CSS v4 + DaisyUI v5.
 
+## Layout Architecture
+
+### Paper-over-Background Design
+
+The modern framework uses a "paper hovering over background" design:
+
+- **Background**: `bg-base-300` (slightly darker gray)
+- **Content Area**: `bg-base-100` (white/light) with shadow and rounded corners on medium+ screens
+- **Responsive**: Full width on mobile, centered with visible background on larger screens
+
+### Two Layout Modes
+
+**1. Standard Paper Layout** (default)
+```django
+{% block content %}
+    <!-- Your content here with NO enforced styles -->
+    <!-- Automatically wrapped in paper container -->
+{% endblock content %}
+```
+
+**2. Full-Width Layout** (for landing pages, special layouts)
+```django
+{% block main_content %}
+    <!-- Complete control over layout -->
+    <!-- Overrides paper container entirely -->
+{% endblock main_content %}
+```
+
 ## Architecture
 
 ### Two Base Templates