From f60d89b7b0b24c748af50587278f35a619f83824 Mon Sep 17 00:00:00 2001 From: Ben Dichter Date: Fri, 9 Oct 2026 15:16:30 -0400 Subject: [PATCH] Cap running text at about 80 characters per line Paragraphs have no width limit, so on a desktop window they stretch across the whole container. On the About, Team, FAQ and tool pages that is 130 to 170 characters per line, about twice what is comfortable to read. Paragraphs and list items are now capped at 40em, measured in their own font size. Those that hold an image, video, embed, table, code block or nested layout are left alone, as are headings, cards and grids. Centered paragraphs get auto margins so that they stay centered. Nothing changes at phone width, where lines are already short. Co-Authored-By: Claude Opus 5.5 (1M context) --- assets/css/style.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/assets/css/style.css b/assets/css/style.css index 9708038..f639d6f 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1382,3 +1382,18 @@ a.next-page-btn:hover { .content pre::-webkit-scrollbar-thumb:hover { background: #afb8c1 !important; } + +/* Line length. Running text is capped at about 80 characters per line. + Paragraphs and list items that hold an image, video, embed, table, code + block or other layout keep the full width of their container. */ +main :is(p, li):not(:has(img, video, iframe, table, pre, div)) { + max-width: 40em !important; +} + +/* Keep centered paragraphs centered once they are narrower than their + container. */ +main .text-center p, +main p.text-center { + margin-left: auto; + margin-right: auto; +}