From dbc3c01bc4ca1f35be5eaf43146f0c5f4ebc2af0 Mon Sep 17 00:00:00 2001
From: peptiderepo <peptiderepo@users.noreply.github.com>
Date: Mon, 27 Apr 2026 01:46:12 +0000
Subject: [PATCH] =?UTF-8?q?fix(css):=20featured=20verdicts=20vertical-rhyt?=
 =?UTF-8?q?hm=20=E2=80=94=20tighten=20badge=E2=86=92title,=20widen=20inter?=
 =?UTF-8?q?-card=20gap=20(v2.1.5)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Issue 1: badge→title gap tightened from 16px to 8px.
  Verdict badge is a label for the peptide name; card's uniform gap: --spacing-md
  made them look like separate paragraphs. Fix: margin-top offset on __title.

Issue 2: inter-card gap increased from --spacing-xl (32px) to --spacing-2xl (48px).
  Cards were visually merging into a single block. Card-to-card gap must clearly
  exceed within-card gaps to maintain the three-card hierarchy.

No functional or template changes — CSS-only.
---
 CHANGELOG.md | 12 ++++++++++++
 style.css    |  9 ++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 00baf03..772dec1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,17 @@
 # Peptide Starter Theme - Changelog
 
+## [2.1.5] - 2026-04-27 — Featured verdicts vertical-rhythm fix
+
+### Changed
+- `.hero-featured-verdicts__grid`: grid `gap` increased from `--spacing-xl` (32px) to
+  `--spacing-2xl` (48px). Cards were too close together, making the three verdict cards
+  read as a single visual block rather than three distinct entries.
+- `.hero-verdict-card__title`: `margin-top: calc(var(--spacing-sm) - var(--spacing-md))`
+  added (−8px offset). The verdict badge and title are a label/heading pair; the uniform
+  card `gap: --spacing-md` (16px) created too much separation between them. Effective
+  badge→title gap is now 8px; title→summary gap remains 16px.
+
+
 ## [2.1.4] - 2026-04-26 — B2: Coming soon badges on inactive tool cards
 
 ### Added
diff --git a/style.css b/style.css
index d590f3e..60f0b4a 100644
--- a/style.css
+++ b/style.css
@@ -4,7 +4,7 @@ Theme URI: https://github.com/peptiderepo/peptide-starter
 Description: Premium, accessible WordPress theme for scientific peptide reference database
 Author: Peptide Repo
 Author URI: https://peptiderepo.com
-Version: 2.1.4
+Version: 2.1.5
 License: GPL v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: peptide-starter
@@ -1439,7 +1439,7 @@ input[type="radio"] {
 .hero-featured-verdicts__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: var(--spacing-xl);
+  gap: var(--spacing-2xl);
   max-width: var(--container-xl);
   margin: 0 auto var(--spacing-xl);
 }
@@ -1469,7 +1469,10 @@ input[type="radio"] {
   font-weight: 700;
   font-size: 20px;
   color: var(--text-primary, var(--color-text-primary));
-  margin: 0;
+  /* Pull title closer to badge — badge is conceptually a label for the title.
+     Card uses gap: --spacing-md (16px); this offsets by --spacing-sm (8px)
+     so effective badge→title gap = 16 - 8 = 8px. */
+  margin: calc(var(--spacing-sm) - var(--spacing-md)) 0 0;
   line-height: 1.3;
 }