fix(layout): add vertical scrollbar to demo containers

SUMMARY:
Added max-h-[600px] and overflow-y-auto to create scrollable containers
that allow users to access all content including the top button.

ISSUE:
'Simulate Pressure Increase' button exists in DOM but is cut off above
the visible area. 'Reset to Normal' button is visible at bottom.

FIX:
- Added max-h-[600px] to constrain container height
- Added overflow-y-auto to enable vertical scrolling
- Users can now scroll up within each panel to see the Simulate button

TESTING:
Visit architecture page, scroll to 'Framework in Action', then scroll UP
within the gray Context Pressure Monitor panel to reveal the amber button.

🤖 Generated with Claude Code (https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

public/architecture.html

@@ -372,12 +372,12 @@
 
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
         <!-- Context Pressure Monitor Visualization -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 max-h-[600px] overflow-y-auto">
           <div id="pressure-chart" class="w-full"></div>
         </div>
 
         <!-- Framework Activity Timeline -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 max-h-[600px] overflow-y-auto">
           <div id="activity-timeline" class="w-full"></div>
         </div>
       </div>