Zibll dual-column relies on margin carving out .content-layout while width
stays auto. Under border-box, width:100% + margin-right kept the border-box
at full container width so .sidebar (margin-left:-311px) sat under the main
column. Drop the forced 100% width, pin layout 2/3 gutters and sidebar
negative margins to Zibll's 311px (+ CSS var fallback).
Align main shells to main.container > .content-wrap + .sidebar siblings, drop
content-shell padding on dual-column hosts, and remove route flex overrides that
disabled the negative-margin sidebar math.
Align runtime --sidebar-width (300→311), --main-radius, and
body.nav-fixed 88px reserve; enqueue single-post CSS parts directly;
match Zibll action buttons and author avatar DOM; tighten dual-column
tokens after comparing blog.rutua.cn with demo.zibll.com.
Wire settings-driven sidebar visibility and body site-layout classes,
replace content-layout CSS grid with Zibll float geometry, move sidebar
DOM to content-wrap sibling across single/archive/page/home, and add
post meta show_layout overrides.
kate522