From e7318164cb7ac26c3722a3c33bfb7c11d15593b3 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Wed, 22 Apr 2026 14:42:44 +0200
Subject: [PATCH] fix(home): focus-visible auf section-head + scoped chev-CSS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Code-Review zu commit 2216c89: button hatte keinen :focus-visible
Outline (Safari zeigt sonst gar nichts an) — Pattern aus dem Rest
der Page uebernommen (#2b6a3d Outline). Globale .chev-Selektoren
unter .section-head gescoped, damit andere Komponenten den Klassen-
Namen kuenftig wiederverwenden koennen ohne Konflikte.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/routes/+page.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index f9f0eba..0f209e5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -624,6 +624,10 @@
   .section-head:hover {
     background: #f4f8f5;
   }
+  .section-head:focus-visible {
+    outline: 2px solid #2b6a3d;
+    outline-offset: 2px;
+  }
   .section-head h2 {
     margin: 0;
     font-size: 1.05rem;
@@ -636,12 +640,12 @@
     font-size: 0.85rem;
     font-variant-numeric: tabular-nums;
   }
-  :global(.chev) {
+  .section-head :global(.chev) {
     color: #2b6a3d;
     flex-shrink: 0;
     transition: transform 180ms;
   }
-  :global(.chev.rotated) {
+  .section-head :global(.chev.rotated) {
     transform: rotate(-90deg);
   }
   .listing-head {