From 6aa2f53e6b7b89fdb5ba15d3da1a132c9e5c2a3b Mon Sep 17 00:00:00 2001
From: Timo <6156589+Shik3i@users.noreply.github.com>
Date: Wed, 15 Jul 2026 13:34:35 +0200
Subject: [PATCH] Fix access guide spacing and user help link

---
 website/site-access-help.html | 1 +
 website/styles/support.css    | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/website/site-access-help.html b/website/site-access-help.html
index 03b0b1e..40570e3 100644
--- a/website/site-access-help.html
+++ b/website/site-access-help.html
@@ -80,6 +80,7 @@
                 <li>Open KoalaSync and select the video tab again.</li>
             </ol>
             <p>You do not need to wait for a KoalaSync update. These steps work immediately.</p>
+            <p><a class="support-link" href="https://support.google.com/chrome/answer/2664769?hl=en#:~:text=Let%20extensions%20read%20and%20change%20site%20data" target="_blank" rel="noopener">Open Google’s official step-by-step instructions for changing an extension’s website access</a></p>
         </section>
 
         <div class="support-callout" role="note">
diff --git a/website/styles/support.css b/website/styles/support.css
index 2d4fb7c..e9ff701 100644
--- a/website/styles/support.css
+++ b/website/styles/support.css
@@ -92,10 +92,16 @@
 }
 
 .support-card h2 {
-    margin-bottom: 0.8rem;
+    margin: 0 0 0.8rem;
     font-size: clamp(1.35rem, 3vw, 1.75rem);
 }
 
+.support-card > .support-eyebrow {
+    display: flex;
+    width: fit-content;
+    margin: 0 0 1rem;
+}
+
 .support-card h3 {
     margin-bottom: 0.55rem;
     font-size: 1.05rem;