/* ============================================================================
   ja_nexora — SINGLE ARTICLE pixel-parity overlay (com_content.article, Single .pen b3SyzF)
   Loaded by html/com_content/article/default.php ONLY when the .nx-single design
   renders (non-canvas article). Scoped to body.view-article so blog/canvas/category
   views never regress. Isolated overlay (addCustomTag, post-bundle) — no shared scss.
   ----------------------------------------------------------------------------
   SA1 [4TH-TOKEN/WRONG-GRAY] --nx-meta light = #8A90AB (≠ design $text-dim #888EA6).
       The .pen uses $text-dim for breadcrumb links/separators, byline meta, author
       role, author social, related meta. The build already has a correct flip-token
       --color-text-dim (#888EA6 light / #6B7196 dark). Remap --nx-meta to it so the
       single-article meta greys match the design exactly in BOTH themes.
   SA2 [MEASURE-INSET] prose column rendered at 624px (720 body − 48px×2 inner pad),
       inset 48px from the breadcrumb/masthead/tags/author which sit at the 720 measure
       (left 360). The .pen puts the prose at the SAME 720 measure as the masthead.
       Move the 48px horizontal gutter off the inner prose so it aligns at 720/left-360.
   SA3 [ICON-SIZE] breadcrumb chevron-right renders 18×18 (the $nxLucide default width
       wins over the 13px $extra — duplicate HTML attr, first wins). .pen = 13px.
   ============================================================================ */

/* SA1 — meta grey = design $text-dim token (light #888EA6 / dark #6B7196) */
body.view-article { --nx-meta: var(--color-text-dim); }

/* SA2 — prose aligns to the 720 measure (no inner horizontal gutter); keep the
   vertical rhythm from the .pen ArticleBody padding [40,_,72,_]. DESKTOP ONLY —
   the mobile band keeps its 20px side inset (padding:28px 20px 32px). */
@media (min-width: 768px) {
  body.view-article .nx-single-body { padding-left: 0; padding-right: 0; }
}

/* SA3 — breadcrumb separator chevron is 13px per .pen (override CSS beats the
   duplicate width="18" attr the inline-svg helper emits). */
body.view-article .nx-single-bc .nx-ic { width: 13px; height: 13px; }

/* SA4 [INLINE-SVG-DUP-WIDTH] — the Related "View all →" arrow is 14px per .pen
   (single-article.md §Related), but $nxLucide bakes width="18" as the FIRST attr
   so the width="14" extra is ignored. Same duplicate-attr class as SA3; a scoped
   CSS rule beats the attribute. */
body.view-article .nx-related__all .nx-ic { width: 14px; height: 14px; }