/* agentic-ba.css: founder order t1338u (Craig, 2026-10-31 9:18 PM ET): "highlight the before that yellow color", same as the live niches
   (site-review-1.css af4f7fcb .ba__panel--before). Agentic's before-and-after is prose markup (#before-after: h3 + div.ba__before > blockquote),
   so the same amber tokens are applied to it here: BEFORE panel = amber fill + border + 2px top line; notes box inside = the niche well;
   BEFORE heading = the chip's amber text. Colour only; no layout change outside the BEFORE block. */
#before-after .ba__h--before{color:var(--nn-warning,#F5D38E)}
#before-after .ba__before{margin:0 0 var(--space-4,16px);padding:16px;box-sizing:border-box;border-radius:20px;
  background:var(--nn-warning-bg,#3A3222);border:1px solid rgba(245,211,142,.40);box-shadow:inset 0 2px 0 var(--nn-warning,#F5D38E)}
#before-after .ba__before blockquote{margin:0;padding:16px;border-radius:12px;background:var(--nn-well,#101115);border:1px dashed var(--nn-border-disabled,#4A4C53);
  color:var(--nn-text-body,#CFD6E1)}
#before-after .ba__before blockquote p{margin:0}
@media (max-width:519.98px){#before-after .ba__before{padding:12px}}