Commit 0c41b545f2

0c41b545f28e488532380ab6010668f2ced5f7a4

parent: c3fc507054

Verified · cmc ci/build: success

cmc <hello@cleberg.net> · 2026-08-26 04:04 UTC

web: the shell fills the viewport, prose keeps its measure

.content and footer were capped at 78rem, which stranded 535px at 1900px
wide once the rail took its own column. Tables, diffs and trees use the
room; the cap moves onto rendered prose, where line length matters.

Layout: unified · split

internal/web/static/style.css +6 −2
@@ -281,7 +281,6 @@ a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); }
281.content { 281.content {
282 flex: 1; 282 flex: 1;
283 padding: var(--sp-5) var(--sp-5) var(--sp-6); 283 padding: var(--sp-5) var(--sp-5) var(--sp-6);
284 max-width: 78rem;
285 width: 100%; 284 width: 100%;
286} 285}
287 286
@@ -729,6 +728,12 @@ button.linklike:hover { text-decoration: underline; filter: none; }
729 728
730/* rendered markdown / org / html */ 729/* rendered markdown / org / html */
731.rendered { max-width: 100%; overflow-wrap: anywhere; } 730.rendered { max-width: 100%; overflow-wrap: anywhere; }
731/* line length is a reading constraint, so it applies to prose only —
732 tables, code blocks and images keep the full column */
733.rendered > p,
734.rendered > ul,
735.rendered > ol,
736.rendered > blockquote { max-width: 78ch; }
732.rendered pre { 737.rendered pre {
733 background: var(--code-bg); 738 background: var(--code-bg);
734 border: 1px solid var(--line); 739 border: 1px solid var(--line);
@@ -1111,7 +1116,6 @@ button:hover { filter: brightness(1.15); }
1111footer { 1116footer {
1112 border-top: 1px solid var(--faint); 1117 border-top: 1px solid var(--faint);
1113 padding: var(--sp-4) var(--sp-5) var(--sp-5); 1118 padding: var(--sp-4) var(--sp-5) var(--sp-5);
1114 max-width: 78rem;
1115 width: 100%; 1119 width: 100%;
1116 color: var(--muted); 1120 color: var(--muted);
1117 font-size: var(--fs-1); 1121 font-size: var(--fs-1);