From 8f23f1843eeba3db62370fc536bea9fc4e77fa69 Mon Sep 17 00:00:00 2001
From: Dennis Fink
Date: Sat, 8 Aug 2026 19:26:50 +0200
Subject: Scope blockquote styling to articles

This moves blockquote styling out of the global typography rules and into the
article layout, keeping quote presentation tied to post content instead of every
blockquote on the site.

It also adds dedicated styling for citation paragraphs after blockquotes, making
quote attribution visually distinct while preserving readable paragraph widths
inside quotes.
---
 assets/static/css/style.css | 37 ++++++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

(limited to 'assets/static')

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index 0905159..60e5887 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -244,13 +244,6 @@ p {
   }
 }
 
-blockquote {
-  font-style: italic;
-  border-left: 2px solid var(--blue);
-  margin: 1em 0 1em 0.5em;
-  padding-left: 1rem;
-}
-
 /* --- Lists --- */
 ul,
 ol,
@@ -580,6 +573,36 @@ article {
     color: var(--green);
   }
 
+  & blockquote {
+    font-style: italic;
+    border-left: 2px solid var(--blue);
+    margin: 1em 0.5em 1em 0.5em;
+    padding-left: 1em;
+
+    p {
+      max-inline-size: initial;
+
+      i {
+        font-style: normal;
+      }
+    }
+
+    & + p:has(cite) {
+      text-align: right;
+      font-size: 1rem;
+      margin-left: auto;
+      color: var(--dim-foreground);
+
+      a {
+        color: var(--dim-green);
+
+        &:hover {
+          color: var(--dim-blue);
+        }
+      }
+    }
+  }
+
   & > footer {
     margin-top: 1.5rem;
     color: var(--dim-foreground);
-- 
cgit v1.3.1