The homepage utility .flex { display: flex !important } out-ranked the
legacy wide-mode rule .site-layout-1 .posts-item:not(.card)
{ display: inline-flex; width: calc(50% - 16px) }, so with the sidebar
collapsed (no widgets) every list item rendered at half width stacked
into one column with an empty right half.
Zibll's .flex utility carries no !important; drop it so the wide-mode
rule wins the cascade, and regenerate the CSS bundles.
Verification: node --test tests/widget-system/*.test.cjs (242/243, the
toast-contract failure is pre-existing); rebuilt bundle contains no
display:flex!important on .flex.
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.
Remove Bootstrap fade/in classes from the active home pane, render cards
as <article class="posts-item">, and lock list opacity/display with
!important so published posts cannot stay invisible.
Active homepage tab pane was stuck at opacity:0, and custom <posts>
elements lacked display:block, so published items rendered in HTML but
were effectively invisible. Style list cards under #index-tab-main too.
kate522
