diff --git a/nextjs-app/components/SchoolDetailView.module.css b/nextjs-app/components/SchoolDetailView.module.css
index e9270d0..9520bd5 100644
--- a/nextjs-app/components/SchoolDetailView.module.css
+++ b/nextjs-app/components/SchoolDetailView.module.css
@@ -927,42 +927,85 @@
   font-variant-numeric: tabular-nums;
 }
 
-/* ── Admissions progress bar ── */
-.admissionsBarWrap {
-  margin-bottom: 1rem;
+/* ── Admissions Q&A list ── */
+.admissionsQa {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
 }
 
-.admissionsBarLabel {
-  font-size: 0.8125rem;
+.admissionsQaRow {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 0.85rem 0;
+  border-bottom: 1px solid var(--border-color, #e5dfd5);
+  gap: 1rem;
+}
+
+.admissionsQaRow:first-child {
+  padding-top: 0.35rem;
+}
+
+.admissionsQaRow:last-child {
+  border-bottom: none;
+  padding-bottom: 0.35rem;
+}
+
+.admissionsQaQuestion {
+  font-size: 0.92rem;
   color: var(--text-secondary, #5c564d);
-  margin-bottom: 0.4rem;
+  line-height: 1.35;
+  margin: 0;
 }
 
-.admissionsBarLabel strong {
-  color: var(--text-primary, #1a1612);
+.admissionsQaAnswer {
+  font-family: var(--font-playfair), 'Playfair Display', Georgia, serif;
+  font-size: 1.4rem;
   font-weight: 700;
+  color: var(--text-primary, #1a1612);
+  line-height: 1;
+  white-space: nowrap;
+  flex-shrink: 0;
+  font-variant-numeric: tabular-nums;
+  margin: 0;
 }
 
-.admissionsBarTrack {
-  height: 20px;
-  background: var(--bg-secondary, #f3ede4);
-  border-radius: 10px;
-  overflow: hidden;
-  position: relative;
+.admissionsQaAnswerSub {
+  font-size: 0.7rem;
+  font-weight: 500;
+  color: var(--text-muted, #6d685f);
+  margin-left: 0.35rem;
+  font-family: var(--font-dm-sans), 'DM Sans', sans-serif;
 }
 
-.admissionsBarFill {
-  height: 100%;
-  border-radius: 10px;
-  transition: width 0.6s ease;
+.admissionsVerdict {
+  margin-top: 1rem;
+  padding-top: 0.9rem;
+  border-top: 1px solid var(--border-color, #e5dfd5);
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  font-size: 0.85rem;
+  color: var(--text-secondary, #5c564d);
+  flex-wrap: wrap;
 }
 
-.admissionsBarOversubscribed {
-  background: var(--accent-coral, #e07256);
+.admissionsVerdictText {
+  line-height: 1.4;
 }
 
-.admissionsBarUndersubscribed {
-  background: var(--accent-teal, #2d7d7d);
+@media (max-width: 480px) {
+  .admissionsQaRow {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.25rem;
+    padding: 0.7rem 0;
+  }
+
+  .admissionsQaAnswer {
+    white-space: normal;
+  }
 }
 
 /* ── History accordion ── */
diff --git a/nextjs-app/components/SchoolDetailView.tsx b/nextjs-app/components/SchoolDetailView.tsx
index 971158b..27464fc 100644
--- a/nextjs-app/components/SchoolDetailView.tsx
+++ b/nextjs-app/components/SchoolDetailView.tsx
@@ -787,46 +787,55 @@ export function SchoolDetailView({
       {admissions && (
         <section id="admissions" className={styles.card}>
           <h2 className={styles.sectionTitle}>How Hard to Get Into This School ({formatAcademicYear(admissions.year)})</h2>
-          {admissions.first_preference_applications != null && admissions.places_offered != null && (
-            <div className={styles.admissionsBarWrap}>
-              <div className={styles.admissionsBarLabel}>
-                <strong>{admissions.places_offered}</strong> places offered for <strong>{admissions.first_preference_applications}</strong> first-choice applications
-              </div>
-              <div className={styles.admissionsBarTrack}>
-                <div
-                  className={`${styles.admissionsBarFill} ${admissions.oversubscribed ? styles.admissionsBarOversubscribed : styles.admissionsBarUndersubscribed}`}
-                  style={{ width: `${Math.min(100, (admissions.places_offered / admissions.first_preference_applications) * 100)}%` }}
-                />
-              </div>
-            </div>
-          )}
-          {admissions.first_preference_applications == null && admissions.oversubscribed != null && (
-            <div className={`${styles.admissionsBadge} ${admissions.oversubscribed ? styles.statusWarn : styles.statusGood}`}>
-              {admissions.oversubscribed
-                ? '⚠ Oversubscribed'
-                : '✓ Not Oversubscribed'}
-            </div>
-          )}
-          <div className={styles.metricsGrid}>
+
+          <dl className={styles.admissionsQa}>
             {admissions.places_offered != null && (
-              <div className={styles.metricCard}>
-                <div className={styles.metricLabel}>{isSecondary ? 'Year 7' : 'Reception'} places offered</div>
-                <div className={styles.metricValue}>{admissions.places_offered}</div>
+              <div className={styles.admissionsQaRow}>
+                <dt className={styles.admissionsQaQuestion}>How many places were offered?</dt>
+                <dd className={styles.admissionsQaAnswer}>{admissions.places_offered}</dd>
               </div>
             )}
-            {admissions.total_applications != null && (
-              <div className={styles.metricCard}>
-                <div className={styles.metricLabel}>Applications received</div>
-                <div className={styles.metricValue}>{admissions.total_applications.toLocaleString()}</div>
+            {admissions.first_preference_applications != null && (
+              <div className={styles.admissionsQaRow}>
+                <dt className={styles.admissionsQaQuestion}>How many families wanted this school first?</dt>
+                <dd className={styles.admissionsQaAnswer}>{admissions.first_preference_applications}</dd>
               </div>
             )}
             {admissions.first_preference_offer_pct != null && (
-              <div className={styles.metricCard}>
-                <div className={styles.metricLabel}>Families who got their first-choice</div>
-                <div className={styles.metricValue}>{formatPercentage(admissions.first_preference_offer_pct)}</div>
+              <div className={styles.admissionsQaRow}>
+                <dt className={styles.admissionsQaQuestion}>How many got their first choice?</dt>
+                <dd className={styles.admissionsQaAnswer}>
+                  {admissions.first_preference_offers != null && admissions.first_preference_applications != null ? (
+                    <>
+                      {admissions.first_preference_offers}
+                      <span className={styles.admissionsQaAnswerSub}>
+                        of {admissions.first_preference_applications} ({formatPercentage(admissions.first_preference_offer_pct)})
+                      </span>
+                    </>
+                  ) : (
+                    formatPercentage(admissions.first_preference_offer_pct)
+                  )}
+                </dd>
               </div>
             )}
-          </div>
+            {admissions.total_applications != null && (
+              <div className={styles.admissionsQaRow}>
+                <dt className={styles.admissionsQaQuestion}>How many applied in total?</dt>
+                <dd className={styles.admissionsQaAnswer}>{admissions.total_applications.toLocaleString()}</dd>
+              </div>
+            )}
+          </dl>
+
+          {admissions.oversubscribed != null && (
+            <div className={styles.admissionsVerdict}>
+              <span className={`${styles.admissionsBadge} ${admissions.oversubscribed ? styles.statusWarn : styles.statusGood}`}>
+                {admissions.oversubscribed ? 'Oversubscribed' : 'Not oversubscribed'}
+              </span>
+              <span className={styles.admissionsVerdictText}>
+                {admissions.oversubscribed ? 'Demand exceeds capacity.' : 'Supply meets demand.'}
+              </span>
+            </div>
+          )}
         </section>
       )}