Optimize table layout to eliminate horizontal scrolling

- Increase container max-width from 1400px to 1500px
- Reduce column widths from 100px to 90px and adjust all responsive breakpoints proportionally
- Reduce padding throughout table (container: 40px → 12px, cells: 16px → 12px)
- Reorder columns: move Quarterly Check-in before Enrollment Anniversary

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

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

Author: GearUnclear

checklist.html

@@ -49,7 +49,7 @@
 
         .container {
             padding: 2rem 1rem;
-            max-width: 1400px;
+            max-width: 1500px;
         }
 
         /* =======================
@@ -116,7 +116,7 @@
         .table-container {
             background: white;
             border-radius: 16px;
-            padding: 2.5rem;
+            padding: 0.75rem;
             margin: 2rem 0;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 4px 15px rgba(0, 0, 0, 0.05);
             overflow-x: auto;
@@ -140,22 +140,22 @@
         .requirements-table thead th {
             color: white;
             font-weight: 600;
-            padding: 1.25rem 1rem;
+            padding: 1.25rem 0.75rem;
             text-align: center;
             vertical-align: middle;
             font-size: 0.9rem;
             border: none;
             position: sticky;
             top: 0;
             z-index: 10;
-            width: 100px;
-            min-width: 100px;
+            width: 90px;
+            min-width: 90px;
         }
 
         .requirements-table thead th:first-child {
             border-top-left-radius: 12px;
             text-align: left;
-            padding-left: 1.5rem;
+            padding-left: 1.25rem;
         }
 
         .requirements-table thead th:last-child {
@@ -176,7 +176,7 @@
             background: linear-gradient(135deg, #f8f9fa, #e9ecef);
             color: var(--text-primary);
             font-weight: 600;
-            padding: 1.25rem 1.5rem;
+            padding: 1.25rem 1.25rem;
             text-align: left;
             border-bottom: 1px solid #dee2e6;
             border-right: 2px solid #dee2e6;
@@ -190,7 +190,7 @@
         }
 
         .requirements-table tbody td {
-            padding: 1.25rem 1rem;
+            padding: 1.25rem 0.75rem;
             text-align: center;
             vertical-align: middle;
             border-bottom: 1px solid #e9ecef;
@@ -296,17 +296,17 @@
         /* Large tablets and small desktops */
         @media (max-width: 1200px) {
             .requirements-table thead th {
-                width: 85px;
-                min-width: 85px;
-                padding: 1rem 0.75rem;
+                width: 75px;
+                min-width: 75px;
+                padding: 1rem 0.6rem;
             }
 
             .requirements-table tbody th {
-                padding: 1rem 1.25rem;
+                padding: 1rem 1rem;
             }
 
             .requirements-table tbody td {
-                padding: 1rem 0.75rem;
+                padding: 1rem 0.6rem;
             }
         }
 
@@ -317,18 +317,18 @@
             }
 
             .requirements-table thead th {
-                width: 75px;
-                min-width: 75px;
-                padding: 0.9rem 0.6rem;
+                width: 65px;
+                min-width: 65px;
+                padding: 0.9rem 0.5rem;
                 font-size: 0.85rem;
             }
 
             .requirements-table tbody th {
-                padding: 0.9rem 1rem;
+                padding: 0.9rem 0.85rem;
             }
 
             .requirements-table tbody td {
-                padding: 0.9rem 0.6rem;
+                padding: 0.9rem 0.5rem;
             }
 
             .check-icon,
@@ -381,23 +381,23 @@
             }
 
             .requirements-table thead th {
-                width: 70px;
-                min-width: 70px;
-                padding: 0.75rem 0.5rem;
+                width: 60px;
+                min-width: 60px;
+                padding: 0.75rem 0.4rem;
                 font-size: 0.75rem;
             }
 
             .requirements-table tbody th {
-                padding: 0.75rem 0.75rem;
-                padding-left: 1rem;
+                padding: 0.75rem 0.65rem;
+                padding-left: 0.85rem;
             }
 
             .requirements-table tbody td {
-                padding: 0.75rem 0.5rem;
+                padding: 0.75rem 0.4rem;
             }
 
             .requirements-table thead th:first-child {
-                padding-left: 1rem;
+                padding-left: 0.85rem;
             }
 
             .check-icon,
@@ -495,8 +495,8 @@ <h3><i class="fas fa-info-circle"></i> How to Use This Checklist</h3>
                         <th>Family<br>Entry</th>
                         <th>Turned<br>18</th>
                         <th>Update<br>(Income/Status)</th>
-                        <th>Enrollment<br>Anniversary</th>
                         <th>Quarterly<br>Check-in</th>
+                        <th>Enrollment<br>Anniversary</th>
                         <th>Individual Newborn/Child<br>Exit</th>
                         <th>Individual Adult<br>Exit</th>
                         <th>Family<br>Exit</th>
@@ -562,11 +562,11 @@ <h3><i class="fas fa-info-circle"></i> How to Use This Checklist</h3>
                         <td><i class="fas fa-check-circle check-icon"></i></td>
                         <td><i class="fas fa-circle empty-cell"></i></td>
                         <td><i class="fas fa-circle empty-cell"></i></td>
-                        <td><i class="fas fa-circle empty-cell"></i></td>
                         <td><i class="fas fa-check-circle check-icon"></i></td>
                         <td><i class="fas fa-circle empty-cell"></i></td>
                         <td><i class="fas fa-circle empty-cell"></i></td>
                         <td><i class="fas fa-circle empty-cell"></i></td>
+                        <td><i class="fas fa-circle empty-cell"></i></td>
                     </tr>
                     <tr>
                         <th>HMIS Release of Information (ROI)</th>