From 83d1471ab42dbcda083b3be183967b3509381f8c Mon Sep 17 00:00:00 2001
From: Mao Nakamoto <41178744+maonakamoto@users.noreply.github.com>
Date: Mon, 31 Aug 2026 09:40:14 +0200
Subject: [PATCH 1/2] fix(ui): footer separators are lines, not frames
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The footer's section dividers used `border-t border` — but bare
`border` is a 1px border on ALL sides, so each divider rendered as a
full gray frame around its block (visitor-reported on /contact).
Keep only border-t.

Note: the same `border-t border` idiom appears in 20+ other
components; scoped here to the public footer where it was reported.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018RmMktaYn8MuJdEqjp5gWU
---
 src/components/layout/Footer.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index fb8610b5f..54bdca866 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -24,7 +24,7 @@ export default function Footer() {
   const tDivisions = useTranslations('divisions')
 
   return (
-    <footer className="bg-surface-raised text-text-primary border-t border">
+    <footer className="bg-surface-raised text-text-primary border-t">
       <div className="container mx-auto px-4 py-12">
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
           {/* Brand Section */}
@@ -109,7 +109,7 @@ export default function Footer() {
         </div>
 
         {/* Newsletter */}
-        <div className="mt-10 pt-8 border-t border">
+        <div className="mt-10 pt-8 border-t">
           <NewsletterSignup
             source="footer"
           />
@@ -117,7 +117,7 @@ export default function Footer() {
 
         {/* Social Links — only when evig actually has profiles (see socialLinks) */}
         {socialLinks.length > 0 && (
-          <div className="mt-8 pt-6 border-t border flex justify-center gap-4">
+          <div className="mt-8 pt-6 border-t flex justify-center gap-4">
             {socialLinks.map((social) => (
               <a
                 key={social.name}
@@ -134,7 +134,7 @@ export default function Footer() {
         )}
 
         {/* Legal Links — routes from ROUTES.public SSOT */}
-        <div className="mt-6 pt-6 border-t border">
+        <div className="mt-6 pt-6 border-t">
           <nav aria-label={tFooter('legal')} className="flex flex-wrap justify-center gap-x-6 gap-y-2 text-xs text-text-tertiary">
             <Link href={ROUTES.public.impressum} className="hover:text-text-primary transition-colors">
               {tFooter('impressum')}

From a7af528e81f481b545d9dd705af433a771c54ad2 Mon Sep 17 00:00:00 2001
From: Mao Nakamoto <41178744+maonakamoto@users.noreply.github.com>
Date: Mon, 31 Aug 2026 09:42:24 +0200
Subject: [PATCH 2/2] =?UTF-8?q?fix(ui):=20blog=20newsletter=20box=20?=
 =?UTF-8?q?=E2=80=94=20top/bottom=20rules,=20not=20a=20frame?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Same bug class as the footer: `border-t border-b border` and
`border-t border` render full frames (visitor-reported as "get rid
of the gray area" on /en/blog). The intentional frames (success
card, donate button outline) are untouched.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018RmMktaYn8MuJdEqjp5gWU
---
 src/components/blog/NewsletterSignup.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/blog/NewsletterSignup.tsx b/src/components/blog/NewsletterSignup.tsx
index bf9549603..dc4dbc87a 100644
--- a/src/components/blog/NewsletterSignup.tsx
+++ b/src/components/blog/NewsletterSignup.tsx
@@ -24,7 +24,7 @@ export default function NewsletterSignup() {
 
   return (
     <div className="max-w-[680px] mx-auto px-6 py-12">
-      <div className="border-t border-b border py-12">
+      <div className="border-t border-b py-12">
         {/* Header */}
         <div className="text-center mb-8">
           <IconBadge icon={Mail} shape="circle" size="lg" className="mb-4" />
@@ -106,7 +106,7 @@ export default function NewsletterSignup() {
         )}
 
         {/* Community Support */}
-        <div className="mt-8 pt-8 border-t border text-center">
+        <div className="mt-8 pt-8 border-t text-center">
           <div className="flex items-center justify-center gap-2 text-text-secondary mb-2">
             <Heart className="w-5 h-5 text-error-500" />
             <p className="text-sm">{t('communityTitle')}</p>