Rail Right, Article First

This time the article comes first in the markup — col-lg-8 before col-lg-4 — so both mobile and desktop visitors meet the copy before the rail. No order-* utilities needed either direction; source order already matches reading order on both breakpoints.

Photos plugged into a dark template carry their own contrast risk: a bright crop sitting directly behind translucent text can wash out contrast that read fine over a flat dark panel. The homepage's spotlight boxes stay legible at any photo brightness because their fill sits near-opaque rather than translucent — worth checking any time a new photo lands behind existing type instead of just behind a box.

Two Widgets, One Divider

The rail on this page holds the same two .sidebar-block widgets as its mirror on the left-rail page — one text block, one image block — split by a hairline border at low opacity, one of the dark-surface borders theme.css keeps set aside instead of reusing Bootstrap's default gray.

• col-lg-8 / col-lg-4 — article leads, rail follows
• row g-4 — same gutter as the left-rail page
• --panel-transparent — the 95%-opacity dark fill behind every docked box
• Two .sidebar-blocks, one hairline divider
• Compare against Left Sidebar for the mirror image