COMPONENT: Comparison Row (consumer-only)
VARIANTS: comparison-row-header (sticky header row) | comparison-row-label | comparison-row-value | comparison-row-info-icon

Single row primitive for the side-by-side school comparison view. Label cell on the left + N value cells on the right. Caller wraps rows in a CSS grid (tw:grid tw:grid-cols-4 for 3 schools + label column). No full "comparison table" wrapper — compose freely.

1. Single row — label + 3 value cells

Structure: Caller wraps all cells in tw:grid tw:grid-cols-4. The row class (comparison-row) uses display:contents so the grid flows through the wrapper. Each cell has a 1px line-card top border.

Ofsted Rating
Outstanding
Good
Requires Improvement
<div class="tw:grid tw:grid-cols-4"><div class="comparison-row"><div class="comparison-row-label">…</div><div class="comparison-row-value">…</div>…</div></div>

2. Header row + 3 data rows — full comparison table

Header row: comparison-row-header on each header cell — sticky top-0, bold 14px, bottom border. Data rows alternate label/value cells inside a shared 4-column grid.

School
Greenford High School
Cedar Grove Secondary
Hills Road Sixth Form
Ofsted Rating
Outstanding
Good
Outstanding
Application Status
Accepting Now
Opening Soon
Accepting Now
Courses Available
32 courses
24 courses
47 courses

3. Row with info-icon in label cell

Info icon: comparison-row-info-icon — 16px neutral-400 FA light circle-info icon, inline with the label text via the label's flex row.

UCAS Tariff Points
112–120 pts
96–112 pts
120–136 pts
Student Reviews
89% positive
76% positive
94% positive