fix(frontend): align layouts posts and widgets with zibll

tests/visual/README.md

@@ -0,0 +1,23 @@
+# AKSRT / Zibll visual reference
+
+The reference stack is isolated from the AKSRT site and exposes Zibll at
+https://localhost:9443. The local Zibll source remains read-only.
+
+~~~powershell
+$env:ZIBLL_THEME_PATH='C:\Users\Xing\Desktop\zibll'
+docker compose -f tests/visual/docker-compose.zibll.yml up -d
+docker compose -f tests/visual/docker-compose.zibll.yml run --rm wp core install --url=https://localhost:9443 --title='Zibll Reference' --admin_user=visual_admin --admin_password='AKSRT-Visual-2026!' --admin_email=visual@example.test --skip-email
+docker compose -f tests/visual/docker-compose.zibll.yml run --rm wp theme activate zibll
+~~~
+
+Create or clean AKSRT fixtures inside its WordPress container:
+
+~~~powershell
+wp eval-file wp-content/themes/AKSRT-theme/tools/wp-cli-visual-fixtures.php create
+wp eval-file wp-content/themes/AKSRT-theme/tools/wp-cli-visual-fixtures.php cleanup
+~~~
+
+Use tests/fixtures/widget-golden-v1.json for the 222 component captures and
+tests/fixtures/page-visual-matrix-v1.json for page-level captures. Remove
+the reference stack with docker compose down -v only after fixture cleanup
+and screenshot verification.