fix(frontend): unbreak single post layout cascade

Disable the global 2-col .content-layout grid on single pages (it was
tiling breadcrumb/article/author/related/comments left-right), add the
missing Zibll utility bridge used by the author/meta bar, and replace
nonstandard <name>/<item>/<badge> tags in the single surface.

assets/css/frontend/single-post/author-actions.css

@@ -98,6 +98,12 @@
 }
 
 /* ===== Action Buttons Card ===== */
+.post-actions-wrap {
+    position: relative;
+    text-align: center;
+    margin-bottom: 16px;
+}
+
 .post-actions-card,
 .post-actions {
     position: relative;
@@ -105,6 +111,10 @@
     margin-bottom: 16px;
 }
 
+.post-actions-wrap > .post-actions {
+    margin-bottom: 0;
+}
+
 .post-actions-card__hint {
     font-size: 13px;
     color: var(--color-ink-4, var(--color-ink-4));
@@ -482,9 +492,13 @@ html.dark .post-drop-meta__item:hover {
   gap: 0;
 }
 
-.single-metabox .post-metas item {
+.single-metabox .post-metas item,
+.single-metabox .post-metas .item {
   margin: 0 6px;
   font-size: 13px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
 }
 
 .single-metabox .post-drop-meta {

assets/css/frontend/single-post/shell.css

@@ -9,6 +9,26 @@ body.single .content-wrap {
   width: 100%;
 }
 
+/*
+ * Global layout.css turns .content-layout into a 2-col grid that expects
+ * .content-layout__primary + .content-layout__aside children.
+ * Single posts put breadcrumb / article / author / related / comments as
+ * direct children and float the sidebar outside — so the grid must be
+ * disabled here or those sections tile left/right and look "broken".
+ */
+body.single main.container .content-layout {
+  display: block;
+  grid-template-columns: none;
+  gap: 0;
+  width: 100%;
+  min-width: 0;
+}
+
+body.single main.container .content-layout > * {
+  min-width: 0;
+  max-width: 100%;
+}
+
 /* Clear floats after main dual-column shell */
 body.single main.container::after {
   content: "";