From 1139402838fb1949bf960de9dddd0db3141f0b94 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 3 May 2026 08:01:37 +0800
Subject: [PATCH] fix(website): stop category-page heading from wrapping

The results-intro grid (1fr + 28rem note column) squeezed the heading on
category pages with long names, e.g. "Python Projects in Environment
Management" wrapped onto two lines.

Scope a single-column override to .category-results so the heading takes
the full row and the note drops below right-aligned. Index page layout
is untouched since its heading is short.
---
 website/static/style.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/website/static/style.css b/website/static/style.css
index f0a1bc8f..27b4d34e 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -502,6 +502,15 @@ kbd {
   padding-top: clamp(2.5rem, 5vw, 3.75rem);
 }
 
+.category-results .results-intro {
+  grid-template-columns: 1fr;
+  gap: 0.6rem;
+}
+
+.category-results .results-intro .results-note {
+  justify-self: end;
+}
+
 .category-table .col-name {
   width: min(42rem, 48vw);
   white-space: normal;