From 26182ec363e25170029ef4d6454564d4585c9cf2 Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Sat, 20 Jun 2026 12:23:53 +0200
Subject: [PATCH] feat: apply back-pill class to story footer back link

Apply the .back-pill class to the story footer back link and add
:not(.back-pill) guard to .story-footer a rule to prevent the accent
color override. This ensures the back pill maintains its design system
styling (border, background, text color) in story footers.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WPJztrVGbwic2xTG7G9fjM
---
 themes/intotheeast/css/style.css             | 2 +-
 themes/intotheeast/templates/story.html.twig | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index a8003a3..363fa42 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -1183,7 +1183,7 @@ body::after {
     padding-top: var(--space-8);
     border-top: 1px solid var(--color-border);
 }
-.story-footer a {
+.story-footer a:not(.back-pill) {
     font-family: var(--font-ui);
     font-size: var(--text-sm);
     color: var(--color-accent);
diff --git a/themes/intotheeast/templates/story.html.twig b/themes/intotheeast/templates/story.html.twig
index 09122b8..549bf83 100644
--- a/themes/intotheeast/templates/story.html.twig
+++ b/themes/intotheeast/templates/story.html.twig
@@ -58,7 +58,7 @@
     {{ page.content|raw }}
 
     <footer class="story-footer">
-        <a href="{{ page.parent().url }}" onclick="if(history.length > 1){ history.back(); return false; }">← Back</a>
+        <a class="back-pill" href="{{ page.parent().url }}" onclick="if(history.length > 1){ history.back(); return false; }">← Back</a>
     </footer>
 </div>