From 23afe2cb688b54e608ee2e2c6e596e2d05bc7e5e Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Sun, 21 Dec 2025 09:26:05 +0000
Subject: [PATCH] Additional styles for co-op content

This makes links visible and improves the display of blockquotes in
the co-op boxes.
---
 _layouts/coop.html |  4 +++-
 assets/css/app.css | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/_layouts/coop.html b/_layouts/coop.html
index f2fc306..eea5390 100644
--- a/_layouts/coop.html
+++ b/_layouts/coop.html
@@ -19,7 +19,9 @@
         <h2>{{ page.name }}</h2>
 
         <p><strong>About this co-operative</strong></p>
-        {{ content }}
+        <div class="coop-info-box__body stack">
+          {{ content }}
+        </div>
 
         <p><strong>Co-operative website</strong></p>
 
diff --git a/assets/css/app.css b/assets/css/app.css
index ccbdb0a..16c1767 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -463,12 +463,21 @@ footer {
   height: 100%;
 }
 
-.coop-info-box__content > * {
+.coop-info-box__content {
+  padding: var(--space-lg);
+}
+
+.coop-info-box__content strong, h2 {
   color: var(--cotech-black);
 }
 
-.coop-info-box__content {
-  padding: var(--space-lg);
+.coop-info-box__body {
+  filter: invert(100%);
+}
+
+.coop-info-box__body blockquote {
+  padding-left: var(--space-sm);
+  border-left: 2px solid var(--cotech-white);
 }
 
 .coop-info-box .btn {