style: widen article reading layout

2026-06-03 12:55:18 -05:00
parent b28a542a57
commit 72443140f9
2 changed files with 11 additions and 3 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -199,6 +199,10 @@
  color: var(--color-ink);
 }

+.article-prose :where(p, ul, ol, blockquote, details, .callout, [data-callout]) {
+  max-width: 72ch;
+}
+
 .prose :where(a) {
  color: var(--color-accent);
  text-decoration-thickness: 1px;
@@ -266,6 +270,10 @@
  margin: 2.5rem 0 1rem;
 }

+.article-prose :where(p:has(> img:only-child)) {
+  max-width: none;
+}
+
 .prose :where(p:has(> img:only-child) + em),
 .prose :where(p:has(> img:only-child) + strong) {
  display: block;