From 349eeb63777a4d8910da400fbe3a781c8244d496 Mon Sep 17 00:00:00 2001
From: peptiderepo <peptiderepo@users.noreply.github.com>
Date: Mon, 13 Apr 2026 11:57:22 +0700
Subject: [PATCH] fix: tighten spacing across hero, archive, and news sections

Reduce hero padding from 96/80px to 64/48px, shrink subtitle and
search margins, tighten news-feed and archive section padding,
and reduce peptides grid gap for better content density.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 style.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index 4b56c72..fa90b75 100644
--- a/style.css
+++ b/style.css
@@ -1081,7 +1081,7 @@ input[type="radio"] {
 
 .hero-section {
   background-color: var(--color-bg-primary);
-  padding: var(--spacing-5xl) var(--spacing-xl) var(--spacing-4xl);
+  padding: var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);
   text-align: center;
   position: relative;
   overflow: hidden;
@@ -1153,7 +1153,7 @@ input[type="radio"] {
 .hero-subtitle {
   font-size: var(--text-body-lg);
   color: var(--color-text-secondary);
-  margin-bottom: var(--spacing-2xl);
+  margin-bottom: var(--spacing-lg);
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
@@ -1161,7 +1161,7 @@ input[type="radio"] {
 }
 
 .hero-search {
-  margin-bottom: var(--spacing-2xl);
+  margin-bottom: var(--spacing-lg);
 }
 
 /* Legacy theme search form (fallback when PSA plugin is not active) */
@@ -1376,7 +1376,7 @@ body .pn-article-title {
 
 /* News Feed Area */
 .news-feed-section {
-  padding: var(--spacing-3xl) var(--spacing-lg);
+  padding: var(--spacing-2xl) var(--spacing-lg);
   background-color: var(--color-bg-primary);
 }
 
@@ -1426,7 +1426,7 @@ body .pn-article-title {
 }
 
 .archive-content {
-  padding: var(--spacing-3xl) var(--spacing-lg);
+  padding: var(--spacing-2xl) var(--spacing-lg);
 }
 
 .archive-filters {
@@ -1456,8 +1456,8 @@ body .pn-article-title {
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr;
-  gap: var(--spacing-2xl);
-  padding: var(--spacing-3xl) var(--spacing-lg);
+  gap: var(--spacing-lg);
+  padding: var(--spacing-xl) var(--spacing-lg);
 }
 
 /* Peptide Card (Clawdiverse-inspired: white card, tinted left border, soft shadow) */