feat(ux): 8 UX improvements — simpler home, advanced filters, phase tabs, 4-line rows

1. Simpler home page: only search box on landing, no filter dropdowns
2. Advanced filters: hidden behind toggle on results page, auto-open if active
3. Per-school phase rendering: each row renders based on its own data
4. Taller 4-line rows with context line (type, age range, denomination, gender)
5. Result-scoped filters: dropdown values reflect current search results
6. Fix blank filter values: exclude empty strings and "Not applicable"
7. Rankings: Primary/Secondary phase tabs with phase-specific metrics
8. Compare: Primary/Secondary tabs with school counts and phase metrics

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

nextjs-app/components/RankingsView.module.css

@@ -22,6 +22,47 @@
   line-height: 1.6;
 }
 
+/* Phase Tabs */
+.phaseTabs {
+  display: flex;
+  gap: 0;
+  margin-bottom: 1.5rem;
+  border: 1px solid var(--border-color, #e5dfd5);
+  border-radius: 8px;
+  overflow: hidden;
+  width: fit-content;
+}
+
+.phaseTab {
+  padding: 0.625rem 1.5rem;
+  font-size: 0.9375rem;
+  font-weight: 500;
+  background: var(--bg-card, white);
+  color: var(--text-secondary, #5c564d);
+  border: none;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  font-family: inherit;
+}
+
+.phaseTab:not(:last-child) {
+  border-right: 1px solid var(--border-color, #e5dfd5);
+}
+
+.phaseTab:hover {
+  background: var(--bg-secondary, #f3ede4);
+}
+
+.phaseTabActive {
+  background: var(--accent-coral, #e07256);
+  color: white;
+  font-weight: 600;
+}
+
+.phaseTabActive:hover {
+  background: var(--accent-coral, #e07256);
+}
+
 /* Filters */
 .filters {
   background: var(--bg-card, white);