From c297fb30db7fcc201c03e415d80f84d73ade880d Mon Sep 17 00:00:00 2001
From: "Claude (draft, do not push as-is)" <assistant@local>
Date: Fri, 17 Jul 2026 00:32:27 +0200
Subject: [PATCH] Match panel heights in Add-server / How-ranking-works grid

align-items:start made each .panel size to its own content, so the
two side-by-side cards in .add-grid ended up with different heights
whenever their text length differed. Switch to align-items:stretch
(+ flex column on the panels) so both cards always match height.
---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 051d0f3..70ed6c3 100644
--- a/index.html
+++ b/index.html
@@ -117,7 +117,8 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
 .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
 .score{font-family:var(--display);font-weight:600;font-size:15px}
 
-.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:start}
+.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:stretch}
+.add-grid>.panel{display:flex;flex-direction:column}
 .panel{
   background:var(--panel);border:1px solid var(--line);
   border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);