layout-editorial-raillisted

# Layout Editorial Rail A page structure borrowed from financial consulting decks, physical ledgers, and high-end journals: a quiet narrow column on the left carries the structural signposts (section titles, dates, labels, small metrics), and a wide column on the right carries all the reading. The reader's eye never has to hunt for where a section starts, and the copy never gets so wide that lines become tiring to scan. Reach for this instead of the defaults you'd otherwise produce — full-width text blocks, a single centered container, or a SaaS-style card grid. Those read as templated; this reads as considered. It's a layout for *reading*: reports, case studies, long-form, documentation. A dashboard or card grid is a different animal — there, at most, a sticky label column sits beside the grid; don't force the grid into a 62ch column. ## The two columns **Left — the meta rail.** Narrow (`minmax(180px, 1fr)`), typographically quiet, and only ever holds: section headings, sub-headings, dates, labels, tags, or small meta-metrics ("Q3 2026", "Read time 6 min", "Revenue +12%"). Nothing here should be a paragraph. Style it small, uppercase, tracked-out (`letter-spacing: 0.08em`), muted color, and sticky where it helps (`position: sticky; top: 2rem`). It is an anchor, not a sidebar — no navigation menus, no cards. **Right — the copy engine.** Everything the reader actually reads: paragraphs, lists, quotes, deep-dive explanation. Hard-capped at `62ch` so lines sit in the 55–75