/* AIFB-UX-START */
/* ===========================================================================
   AIFB UX FIX — 2026-09-16
   Appended to the end of each page's own stylesheet, so an equal-specificity
   rule wins on order; the doubled root id (:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared)) beats the page's own
   single-id rules where those are more specific.

   Everything here is a contrast or target-size correction measured against
   WCAG 2.2 AA. Brand colours are unchanged on dark grounds — only the values
   used as TEXT on light grounds are swapped for their darker twins.

   Palette used below (all verified >= 4.5:1 on the ground they sit on):
     orange twin  #b24200      grey on light   #5f6474
     pink twin    #cf003a      grey on dark    #7385a1
     blue twin    #005ce7      link on light   #1f5fd0
     cyan twin    #006f92      ink on coral    #2b0406
     mint twin    #0f755f
   =========================================================================== */

/* --- 1. accents used as text on a light ground ---------------------------- */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-kicker,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-eyebrow,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-kicker-orange,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-timeline-dark li>span,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-flow-human small{color:#b24200}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light a:not(.aifb-btn):not(.aifb-card){color:#1f5fd0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light a:not(.aifb-btn):not(.aifb-card):hover{color:#b24200}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-dcard-icon,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-dcard-link,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-flow-ai small,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-prose a{color:#006f92}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-dcard:nth-child(2n) .aifb-dcard-icon{color:#b24200}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-card-icon{color:#b24200}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-console-row em{color:#0f755f}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-console-row em.aifb-wait{color:#b24200}

/* --- 2. muted greys, both grounds ----------------------------------------- */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-card-num,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-card-index,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-service-num,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-flow-step small,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-card-index,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-service-num,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-detail-index-dark,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-step-index-dark,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-opt{color:#5f6474}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-card-num,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-detail-index,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-step-index{color:#7385a1}

/* the arrows between flow steps carry meaning — they were pale grey on white */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-pattern-flow i,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-workflow-board i,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-output-strip i,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-map-step i,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-transform-arrow i{color:#5f6474}

/* --- 3. dark cards that sit inside a light section ------------------------
   The section's light rules paint every heading near-black, but these cards
   keep a dark gradient of their own, so their text was invisible (1.03:1).  */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"],
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-prototype-metric,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-flow-step-ai,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-transform-arrow span{color:#b9c6de}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] h2,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] h3,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] h4,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] b,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] strong,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-prototype-metric strong,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-prototype-metric b,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-flow-step-ai strong,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-flow-step-ai b{color:#f2f6ff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] p,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] li,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light [class*="-featured"] small,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-flow-step-ai small,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-flow-step-ai span{color:#b9c6de}

/* the integration core is a solid coral tile; its label was mid-grey on it */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-integration-core,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-integration-core span,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-integration-core small{color:#2b0406}

/* --- 4. small text on the dark ground ------------------------------------- */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr small,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-h,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-note,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section:not(.aifb-section-light) small{color:#7385a1}

/* --- 5. target size (WCAG 2.2, 2.5.8) -------------------------------------
   Footer links were 19px tall. The padding lifts them past 24px without
   moving anything: the column gap absorbs it.                               */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col a,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr a:not(.nx-ftr-mail){display:inline-block;padding:4px 0;line-height:1.5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-mail{padding:5px 0;display:inline-flex;align-items:center}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-consent input[type="checkbox"]{width:24px !important;height:24px !important}
/* numbered step links and the mail link were still under 24px */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-map-step,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) a.cta-mail,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-process-map a{display:inline-flex;align-items:center;min-height:24px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-process-map a[class]{min-width:24px;justify-content:center}

/* --- 6. line length -------------------------------------------------------
   A note running the full 1200px shell reached 166 characters a line; 45-75
   is the comfortable range.                                                 */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-note{max-width:78ch}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-head>p,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-detail-head>p{max-width:68ch}

/* the step indicator on the console flow was mid-grey on its own dark chip */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-console-flow .active>span,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-console-flow .active>small{color:#8a9cb6}

/* --- 7. decorative glyphs are not content --------------------------------- */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-card-icon,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-dcard-icon{speak:never}

/* --- 8. sub-navigation ----------------------------------------------------
   Opens on hover and on keyboard focus. No script: :focus-within keeps it
   reachable by Tab, and the strip under the item keeps the pointer from
   falling out of the menu on the way down.                                  */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem{position:relative}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem>a{display:inline-flex;align-items:center;gap:5px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-caret{opacity:.55;transition:transform .25s,opacity .25s}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem:hover .nx-caret,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem:focus-within .nx-caret{opacity:1;transform:rotate(180deg)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem::after{content:'';position:absolute;left:0;right:0;top:100%;height:16px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub{position:absolute;top:calc(100% + 14px);left:-16px;z-index:60;
  display:grid;gap:1px;min-width:264px;padding:10px;
  border-radius:16px;border:1px solid rgba(125,158,225,.2);
  background:rgba(6,14,34,.98);backdrop-filter:blur(18px);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.85);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem:hover>.nx-sub,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-navitem:focus-within>.nx-sub{opacity:1;visibility:visible;transform:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a{display:block;padding:9px 13px;border-radius:10px;
  font-size:14px;line-height:1.4;color:#cdd7ec;white-space:nowrap}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a:hover,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a:focus-visible{background:rgba(125,158,225,.12);color:#fff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a:last-child{margin-top:5px;border-top:1px solid rgba(125,158,225,.14);
  border-radius:0 0 10px 10px;padding-top:12px;color:#8a9cb6}
@media (prefers-reduced-motion:reduce){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub{transition:none}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-caret{transition:none}
}
/* the phone menu shows the same second level, indented */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-msub{display:grid;gap:1px;margin:2px 0 8px;padding-left:14px;
  border-left:1px solid rgba(125,158,225,.18)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-msub a{padding:8px 0;font-size:14px;color:#94a3c2;min-height:24px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-msub a:hover{color:#fff}

/* --- 9. breadcrumbs -------------------------------------------------------
   Nothing on an inner page said where in the site you were.                 */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs{border-bottom:1px solid rgba(125,158,225,.1);background:rgba(4,11,28,.5)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs .nx-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding-top:11px;padding-bottom:11px;font-size:13px;line-height:1.5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs a{color:#8a9cb6;padding:3px 0;min-height:24px;display:inline-flex;align-items:center}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs a:hover{color:#6fdcff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs i{color:#52627f;font-style:normal}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs [aria-current]{color:#e8eefc;font-weight:600}
@media (max-width:700px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs .nx-wrap{font-size:12.5px;gap:6px}
}

/* the top-level underline marker must not leak into the dropdown */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a.is-on::after{display:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a.is-on{background:rgba(125,158,225,.12);color:#fff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-sub a.is-on[aria-current="page"]{box-shadow:inset 2px 0 0 #ff8a45}

/* with a second level the phone menu is taller than the screen; it sits inside
   the sticky header, so without its own scroll the lower half is unreachable */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mnav{max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* the breadcrumb separator and the step-rail anchors were the last two misses */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-crumbs i{color:#7385a1}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-step-rail a{min-width:26px;min-height:26px;display:inline-flex;
  align-items:center;justify-content:center}

/* --- 10. glyph size inside its tile ---------------------------------------
   The type scale from 2026-09-02 matched these spans by their container and
   pinned them to 11px, which the pages never asked for: the card icon is
   written as 16px and ended up a 9px mark inside a 46px chip. The one icon the
   scale missed (.aifb-dept-icon, 17px in a 42px tile = 40%) is the reference
   these are set against. A tripled root id is needed to outrank that scale.   */
/* The glyphs are now inline SVG from the site's own icon set, so the size comes
   from the svg, not the font. The four tiles that hold a text label instead
   (GPT, C, G, n8n) keep a font-size that fits three characters. */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-card-icon svg{width:22px;height:22px;display:block}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-dcard-icon svg{width:16px;height:16px;display:block}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-dept-icon svg{width:20px;height:20px;display:block}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-card-icon,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-dcard-icon,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-dept-icon{font-size:19px;line-height:1}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-model-icon{font-size:14px;line-height:1;font-weight:700;letter-spacing:.01em}
/* the numbered badges were pinned to 11px too; 13px is what the scale intends */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-timeline-num,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-story-num,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-pattern-number{font-size:13px}
/* two more square step badges: 11px in a 38-40px circle reads as a speck */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-map-step>span,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-learning-step>span{font-size:13px}

/* --- 11. the hover, rebuilt ------------------------------------------------
   The lift animated `transform`, which moves the button onto a compositor layer
   at the moment the pointer arrives. A layer built mid-animation can be
   rasterised at a coarser scale and stretched back up, and a stretched gradient
   shows its steps — the bands that appear on hover and go away when it settles.

   So nothing about the painted button changes any more. The gradient is drawn
   once and never re-rendered: no transform, no shadow transition. The hover is
   a flat white veil fading in over it — a solid colour cannot band, whatever
   the graphics card does with it, and opacity is handled by the compositor.  */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-dialog-close{position:relative;will-change:auto;
  transition:color .25s ease,border-color .25s ease}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn:hover,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:hover,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit:hover,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-dialog-close:hover,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn:active,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:active,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit:active{transform:none}

/* the veil: one flat colour, clipped to the button's own shape */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-dialog-close::after{content:'';position:absolute;inset:0;
  border-radius:inherit;pointer-events:none;background:#fff;opacity:0;
  transition:opacity .22s ease}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-primary:hover::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:hover::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit:hover::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-dialog-close:hover::after{opacity:.26}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-primary:active::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:active::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit:active::after{opacity:.14}
/* the outline buttons brighten through their border and label instead */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-ghost:hover::after,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-light:hover::after{opacity:.09}

/* A ring hugging the button, to say "this is live" without moving anything.
   It is one flat colour with no blur, so it cannot band, and it sits outside
   the border box where nothing clips it. The soft glow underneath is left
   exactly as it is at rest: growing a 34px blur repaints it every frame.  */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-primary,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit{transition:color .25s ease,border-color .25s ease,box-shadow .25s ease}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-primary:hover,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:hover,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit:hover{box-shadow:0 12px 34px -12px rgba(255,138,69,.75),
  0 0 0 3px rgba(255,255,255,.22)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn-ghost:hover{box-shadow:0 0 0 3px rgba(125,158,225,.16)}

/* the arrow still steps forward: a glyph two characters wide, nothing to band */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn svg,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn svg,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn>span[aria-hidden],
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn>span[aria-hidden]{display:inline-block;transition:transform .22s ease}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn:hover svg,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:hover svg,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn:hover>span[aria-hidden],
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn:hover>span[aria-hidden]{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn::after,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn::after,
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-submit::after{transition:none}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-btn svg,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-btn svg{transition:none}
}

/* --- 12. the team block on /za-nas/ ----------------------------------------
   A portrait beside the text rather than above it: the face and the name stay
   on one line of sight, and the card keeps the page's own vocabulary.        */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-card{display:flex;align-items:flex-start;gap:22px;padding:28px 26px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-photo{flex:0 0 120px;width:120px;height:120px;border-radius:16px;
  object-fit:cover;display:block;
  border:1px solid rgba(11,20,40,.12);box-shadow:0 10px 26px -14px rgba(16,32,64,.45)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-body{min-width:0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-card h3{margin:0 0 4px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-role{margin:0 0 12px;font-weight:700;color:#b24200;font-size:14px;line-height:1.45}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-body > :last-child{margin-bottom:0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  min-height:24px;font-size:14px;font-weight:600;color:#1f5fd0;text-decoration:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-link:hover,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-link:focus-visible{text-decoration:underline}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-link svg{width:15px;height:15px;flex-shrink:0}
@media (max-width:1120px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-card{flex-direction:column;gap:16px}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-team-photo{flex-basis:96px;width:96px;height:96px}
}

/* --- 13. graphic pauses ----------------------------------------------------
   Every section on these pages is a heading, a paragraph and a row of cards.
   After the third one the eye knows what to expect and stops looking. These
   three blocks break that rhythm without a single image: a statement the width
   of the page, a strip of figures, and a slanted edge between two grounds.   */

/* a sentence alone on the screen */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement{padding:86px 0;position:relative;overflow:hidden;
  background:
    radial-gradient(760px 300px at 18% 0%,rgba(255,138,69,.14),transparent 62%),
    radial-gradient(700px 320px at 88% 100%,rgba(75,147,255,.16),transparent 64%),
    linear-gradient(180deg,#050d22,#081431)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement-text{max-width:20ch;margin:0;
  font-family:'Unbounded','Segoe UI',system-ui,sans-serif;font-weight:600;
  font-size:clamp(26px,3.4vw,46px);line-height:1.22;letter-spacing:-.02em;color:#f2f6ff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement-text em{font-style:normal;
  background:linear-gradient(100deg,#ff8a45,#ff3f75 62%,#4b93ff);
  -webkit-background-clip:text;background-clip:text;color:transparent}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement-note{max-width:44ch;margin:22px 0 0;font-size:15px;line-height:1.65;color:#8fa0bd}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement-rule{position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,#ff8a45,#ff3f75 34%,#4b93ff 68%,transparent)}

/* a strip of plain facts, large enough to read in half a second */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figures-section{padding:56px 0;
  border-top:1px solid rgba(125,158,225,.14);border-bottom:1px solid rgba(125,158,225,.14);
  background:rgba(6,14,34,.6)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figure{display:flex;flex-direction:column;gap:8px;padding-left:18px;
  border-left:2px solid rgba(255,138,69,.55)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figure:nth-child(2){border-left-color:rgba(255,63,117,.55)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figure:nth-child(3){border-left-color:rgba(75,147,255,.55)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figure:nth-child(4){border-left-color:rgba(74,227,194,.55)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figure b{font-family:'Unbounded','Segoe UI',system-ui,sans-serif;
  font-size:clamp(30px,3.2vw,42px);font-weight:600;line-height:1;color:#f2f6ff;letter-spacing:-.02em}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figure span{font-size:14px;line-height:1.5;color:#8fa0bd}

/* the edge between two grounds stops being a straight line */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-slant{clip-path:polygon(0 3.2vw,100% 0,100% 100%,0 100%);margin-top:-2.4vw;position:relative;z-index:2}

@media (max-width:900px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement{padding:60px 0}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-statement-text{max-width:none}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-slant{clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%);margin-top:-4vw}
}
@media (max-width:560px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-figures{grid-template-columns:1fr}
}

/* --- 14. photo bands in the body -------------------------------------------
   The hero photograph is filtered to grayscale at 62% brightness, so it reads
   as texture and the page goes the rest of its length with nothing to look at.
   These are treated far more lightly — saturation and brightness barely pulled
   back — so they read as photographs while still sitting in the dark palette.
   The gradient over them is only for the caption to land on.                 */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband{position:relative;padding:0;margin:0;overflow:hidden;isolation:isolate;
  border-top:1px solid rgba(125,158,225,.12);border-bottom:1px solid rgba(125,158,225,.12)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband img{display:block;width:100%;height:clamp(220px,25vw,380px);
  object-fit:cover;filter:saturate(.86) contrast(1.04) brightness(.84)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,10,26,.5) 0%,rgba(3,10,26,.06) 30%,
    rgba(3,10,26,.14) 62%,rgba(3,10,26,.78) 100%)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding-bottom:22px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband figcaption b{display:block;font-family:'Unbounded','Segoe UI',system-ui,sans-serif;
  font-size:clamp(17px,1.7vw,22px);font-weight:600;letter-spacing:-.01em;color:#fff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband figcaption span{display:block;margin-top:5px;font-size:14px;line-height:1.5;color:#c6d2e8}
@media (max-width:700px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-photoband figcaption{padding-bottom:16px}
}

/* --- 15. content components (Content Master Plan, Вълна 1) ----------------
   Four components the editorial standard asks for and the site had no markup
   for: the extractable answer block that follows every H1 (т.35), the
   before/after pair (т.33), the deliverables checklist (т.32) and the
   limitation→mitigation list (т.34). Each is written once for the dark ground
   and corrected inside .aifb-section-light, the same way the rest of the sheet
   works.                                                                    */

/* 15.1 answer block — the 60–100 words meant to be quoted on their own */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-answer{position:relative;margin:0 0 26px;padding:20px 24px 20px 26px;
  border-radius:14px;border:1px solid rgba(125,158,225,.20);
  background:rgba(125,158,225,.06);max-width:74ch}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-answer::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;
  border-radius:3px;background:#ff8a45}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-answer p{margin:0;font-size:clamp(15px,1.25vw,17px);line-height:1.68;color:#dbe4f5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-answer p+p{margin-top:10px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-answer{border-color:rgba(20,40,80,.14);background:rgba(20,40,80,.035)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-answer::before{background:#b24200}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-answer p{color:#243049}

/* 15.2 before / after — equal columns, the "after" one carrying the accent */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col{padding:24px 24px 22px;border-radius:16px;
  border:1px solid rgba(125,158,225,.16);background:rgba(125,158,225,.045)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col.is-after{border-color:rgba(255,138,69,.30);background:rgba(255,138,69,.06)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col h3{margin:0 0 4px;font-size:clamp(16px,1.4vw,19px)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col>p{margin:0 0 14px;font-size:14px;line-height:1.55;color:#94a3c2}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col ol{margin:0;padding:0;list-style:none;counter-reset:ba}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col li{counter-increment:ba;position:relative;padding:0 0 0 30px;margin:0 0 9px;
  font-size:14.5px;line-height:1.55}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col li:last-child{margin-bottom:0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col li::before{content:counter(ba);position:absolute;left:0;top:1px;
  width:20px;height:20px;border-radius:6px;display:grid;place-items:center;
  font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
  background:rgba(125,158,225,.14);color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col.is-after li::before{background:rgba(255,138,69,.18);color:#ffb185}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba-col li.is-human::before{background:rgba(74,227,194,.16);color:#4ae3c2}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-ba-col{border-color:rgba(20,40,80,.12);background:rgba(20,40,80,.03)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-ba-col.is-after{border-color:rgba(178,66,0,.22);background:rgba(178,66,0,.045)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-ba-col>p{color:#4d6390}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-ba-col li::before{background:rgba(20,40,80,.09);color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-ba-col.is-after li::before{background:rgba(178,66,0,.14);color:#b24200}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-ba-col li.is-human::before{background:rgba(15,117,95,.14);color:#0f755f}

/* 15.3 deliverables — what actually stays with the client after the project */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-deliver{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 26px;margin:22px 0 0;padding:0;list-style:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-deliver li{position:relative;padding:0 0 0 28px;font-size:15px;line-height:1.55}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-deliver li::before{content:'';position:absolute;left:2px;top:6px;
  width:12px;height:7px;border-left:2px solid #4ae3c2;border-bottom:2px solid #4ae3c2;
  transform:rotate(-45deg)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-deliver li::before{border-color:#0f755f}

/* 15.3b a second heading inside a section, for the block that follows the first */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-subhead{margin:46px 0 0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-subhead h3{margin:0;font-size:clamp(17px,1.5vw,21px)}

/* 15.4 limitations — the constraint and the engineering answer to it, paired */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits{margin:22px 0 0;padding:0;list-style:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:18px;padding:15px 0;border-top:1px solid rgba(125,158,225,.14)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits li:last-child{border-bottom:1px solid rgba(125,158,225,.14)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits b{font-size:15px;line-height:1.5;font-weight:600}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits span{font-size:14.5px;line-height:1.6;color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits span::before{content:'Затова: ';font-weight:600;color:#ff8a45}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-limits li{border-color:rgba(20,40,80,.12)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-limits span{color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-limits span::before{color:#b24200}

@media (max-width:820px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-ba{grid-template-columns:1fr}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-deliver{grid-template-columns:1fr}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits li{grid-template-columns:1fr;gap:6px}
}

/* --- 16. „какво НЕ прави системата" (т.5) --------------------------------
   Един от блоковете, които изграждат доверие най-бързо: изричната граница на
   решението, казана преди клиентът да я попита.                            */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-notdo{margin:22px 0 0;padding:18px 22px;border-radius:14px;max-width:74ch;
  border:1px solid rgba(255,63,117,.26);background:rgba(255,63,117,.06)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-notdo b{display:block;margin-bottom:6px;font-size:12.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:#ff7ba0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-notdo p{margin:0;font-size:15px;line-height:1.62;color:#dbe4f5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-notdo{border-color:rgba(207,0,58,.22);background:rgba(207,0,58,.04)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-notdo b{color:#cf003a}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-notdo p{color:#243049}

/* --- 17. редакционна прозрачност (т.18, 29) ------------------------------
   Кой е написал материала, кога е актуализиран, на какво стъпва и какво се е
   променило. Задължително за регулаторното съдържание, полезно за всяко
   knowledge съдържание.                                                     */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;
  margin:0 0 26px;padding:12px 18px;border-radius:12px;
  border:1px solid rgba(125,158,225,.18);background:rgba(125,158,225,.05);
  font-size:13.5px;line-height:1.5;color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-byline b{font-weight:600;color:#f2f6ff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-byline i{font-style:normal;opacity:.5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-byline{border-color:rgba(20,40,80,.12);background:rgba(20,40,80,.03);color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-byline b{color:#0b1428}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-sources{margin:22px 0 0;padding:0;list-style:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-sources li{position:relative;padding:0 0 0 26px;margin:0 0 10px;
  font-size:14.5px;line-height:1.6}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-sources li::before{content:'';position:absolute;left:3px;top:8px;
  width:9px;height:9px;border-radius:2px;border:1.5px solid #5cbdf0;transform:rotate(45deg)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-sources li::before{border-color:#0b6c9f}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-changelog{margin:22px 0 0;padding:0;list-style:none;
  border-left:2px solid rgba(125,158,225,.20)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-changelog li{padding:0 0 12px 18px;font-size:14px;line-height:1.6;color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-changelog li:last-child{padding-bottom:0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-changelog time{display:block;font-size:12.5px;font-weight:700;
  letter-spacing:.04em;color:#94a3c2;font-variant-numeric:tabular-nums}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-changelog{border-color:rgba(20,40,80,.14)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-changelog li{color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-changelog time{color:#526794}

/* изричен етикет върху илюстративен макет (т.26) */
/* WCAG 2.5.8: връзките-заглавия в блоковете „свързани" са 21px високи —
   малко вертикален отстъп ги вдига над минимума от 24px */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits.is-plain>li>b>a,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-deliver>li>a,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-sources>li>a{display:inline-block;padding:2px 0}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-mocklabel{display:inline-flex;align-items:center;gap:7px;
  margin:0 0 14px;padding:5px 12px;border-radius:999px;
  border:1px solid rgba(255,138,69,.34);background:rgba(255,138,69,.10);
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffb185}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-mocklabel{border-color:rgba(178,66,0,.28);
  background:rgba(178,66,0,.07);color:#b24200}
/* ...освен когато самият макет е тъмен — тогава важи тъмният тон */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-prototype-card .aifb-mocklabel{
  border-color:rgba(255,138,69,.34);background:rgba(255,138,69,.10);color:#ffb185}

/* --- 18. компактни сценарии (т.11) ---------------------------------------
   Индустриалната страница иска по 3–5 разписани сценария. Пълният формат на
   казуса е твърде дълъг, за да се повтори пет пъти, затова тук е същата
   верига — вход, AI, правило, човек, изход — свита до един прочит.          */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scenarios{display:grid;gap:18px;margin-top:26px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen{padding:26px 26px 22px;border-radius:16px;
  border:1px solid rgba(125,158,225,.16);background:rgba(125,158,225,.045)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-tag{display:inline-block;margin-bottom:10px;padding:4px 10px;
  border-radius:999px;background:rgba(255,138,69,.14);
  font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffb185}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen h3{margin:0 0 6px;font-size:clamp(16px,1.4vw,19px)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen>p{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#c6d2e8;max-width:74ch}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;margin:0;padding:0;list-style:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow li{position:relative;padding:12px 13px;border-radius:11px;
  border:1px solid rgba(125,158,225,.14);background:rgba(3,10,26,.35);
  font-size:13.5px;line-height:1.45}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow li::before{content:attr(data-k);display:block;margin-bottom:5px;
  font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7385a1}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow li[data-k="AI"]::before{color:#5cbdf0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow li[data-k="човек"]{border-color:rgba(74,227,194,.28)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow li[data-k="човек"]::before{color:#4ae3c2}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-kpi{margin:16px 0 0;font-size:13.5px;line-height:1.6;color:#94a3c2}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-kpi b{color:#c6d2e8;font-weight:600}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen{border-color:rgba(20,40,80,.12);background:#fff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-tag{background:rgba(178,66,0,.10);color:#b24200}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen>p{color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-flow li{border-color:rgba(20,40,80,.10);
  background:rgba(20,40,80,.025);color:#243049}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-flow li::before{color:#526794}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-flow li[data-k="AI"]::before{color:#0b6c9f}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-flow li[data-k="човек"]{border-color:rgba(15,117,95,.26)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-flow li[data-k="човек"]::before{color:#0f755f}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-kpi{color:#526794}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-scen-kpi b{color:#243049}

@media (max-width:900px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-scen-flow{grid-template-columns:1fr}
}

/* вариант без „Затова:" — същият двуколонен списък, но за изброяване
   (фактори, решения, въпроси), а не за ограничение и отговора към него */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-limits.is-plain span::before{content:none}

/* --- 19. сравнителна таблица (т.22) --------------------------------------
   Две или три колони, скролираща се хоризонтално вътре в себе си, за да не
   изнася цялата страница настрани на телефон.                              */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs-wrap{margin:26px 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-radius:16px;border:1px solid rgba(125,158,225,.16)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs th,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs td{padding:13px 16px;text-align:left;vertical-align:top;
  border-bottom:1px solid rgba(125,158,225,.12);line-height:1.5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs thead th{font-size:12.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#94a3c2;background:rgba(125,158,225,.06)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs tbody th{font-weight:600;color:#f2f6ff;width:34%}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs td{color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs tr:last-child th,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs tr:last-child td{border-bottom:0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs .yes{color:#4ae3c2;font-weight:600}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs .no{color:#94a3c2}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs .part{color:#ff8a45;font-weight:600}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs-wrap{border-color:rgba(20,40,80,.12);background:#fff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs thead th{color:#526794;background:rgba(20,40,80,.035)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs th,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs td{border-color:rgba(20,40,80,.10)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs tbody th{color:#0b1428}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs td{color:#243049}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs .yes{color:#0f755f}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs .no{color:#526794}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs .part{color:#b24200}

/* надписът на таблицата е пояснение, не бележка — собствен, по-тих вид */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-vs caption.aifb-note{caption-side:top;margin:0;padding:13px 16px 11px;
  border:0;border-radius:0;background:none;text-align:left;
  font-size:13px;line-height:1.55;color:#7385a1;max-width:none}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-vs caption.aifb-note{color:#526794}

/* --- 20. правните връзки във футъра ---------------------------------------
   apply-chrome.php подменя само разметката на хедъра и футъра, не и CSS-а в
   страницата — затова стилът за новия ред живее тук.                        */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-legal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-legal a{display:inline-block;padding:4px 0;
  font-size:13.5px;line-height:1.6;color:#8a9cb6}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-legal a:hover,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-legal a:focus-visible{color:#cdd7ec}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-bottom{align-items:flex-start}
@media (max-width:700px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-legal{gap:2px 18px}
}

/* --- 21. речникова статия (т.21) ------------------------------------------
   Речникът не е списък с определения по един ред. Всеки термин носи шестте
   части от sablon-rechnik.md, свити в една карта: определение, обяснение с
   нормални думи, пример от бизнеса, кога помага, ограничение и връзки.      */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-terms{display:grid;gap:16px;margin-top:26px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term{padding:24px 26px 20px;border-radius:16px;
  border:1px solid rgba(125,158,225,.16);background:rgba(125,158,225,.045)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term h3{margin:0 0 4px;font-size:clamp(17px,1.5vw,21px)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term-en{display:block;margin:0 0 12px;font-size:13px;letter-spacing:.02em;color:#7385a1}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term-def{margin:0 0 16px;font-size:15.5px;line-height:1.65;color:#dbe4f5;max-width:74ch}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term dl{display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:9px 18px;margin:0;align-items:baseline}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term dt{font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#94a3c2;white-space:nowrap}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term dd{margin:0;font-size:14.5px;line-height:1.6;color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term dd.is-limit{color:#ffb185}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term-rel{margin:16px 0 0;padding-top:14px;font-size:13.5px;line-height:1.6;
  border-top:1px solid rgba(125,158,225,.13);color:#7385a1}

:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term{border-color:rgba(20,40,80,.12);background:#fff}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term-en{color:#526794}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term-def{color:#243049}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term dt{color:#526794}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term dd{color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term dd.is-limit{color:#b24200}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-term-rel{border-color:rgba(20,40,80,.10);color:#526794}

@media (max-width:640px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term dl{grid-template-columns:1fr;gap:3px}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-term dt{margin-top:8px}
}

/* --- 22. оценка по измерения (т.24) ---------------------------------------
   Осемте измерения на рамката за готовност: име, обяснение и стойност с
   лента. Лентата е визуализация на подадената стойност, не изчисление.      */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:14px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score li{display:grid;grid-template-columns:minmax(0,1fr) 120px;
  gap:6px 20px;align-items:center;padding:14px 0;
  border-top:1px solid rgba(125,158,225,.14)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score li:last-child{border-bottom:1px solid rgba(125,158,225,.14)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score b{grid-column:1;font-size:15px;font-weight:600;line-height:1.5}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score span{grid-column:1;font-size:14px;line-height:1.55;color:#c6d2e8}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score i{grid-column:2;grid-row:1 / span 2;display:block;
  height:8px;border-radius:99px;background:rgba(125,158,225,.16);position:relative;font-style:normal}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score i::after{content:'';position:absolute;left:0;top:0;bottom:0;
  width:var(--v);border-radius:99px;background:linear-gradient(90deg,#ff8a45,#ff3f75)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score em{grid-column:2;grid-row:3;display:block;font-style:normal;
  font-size:12px;font-weight:700;letter-spacing:.04em;color:#94a3c2;
  font-variant-numeric:tabular-nums}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-score li{border-color:rgba(20,40,80,.12)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-score span{color:#3d4c6b}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-score i{background:rgba(20,40,80,.10)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section-light .aifb-score em{color:#526794}
@media (max-width:640px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score li{grid-template-columns:1fr}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score i{grid-column:1;grid-row:auto;margin-top:8px}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-score em{grid-column:1;grid-row:auto}
}

/* =====================================================================
   Мобилни преливания — открити при проверка на 90-те страници на 390px.
   Съдържанието излизаше 6–28px извън екрана и коренът го режеше, така че
   краят на реда просто изчезваше, без хоризонтален скрол да го покаже.
   ===================================================================== */
@media (max-width:620px){
  /* героят на ресурсните страници: колоната не се свиваше под ширината си */
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-grid{grid-template-columns:minmax(0,1fr)}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-copy{min-width:0;max-width:100%}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-copy>*{min-width:0;max-width:100%}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-actions{flex-wrap:wrap}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-actions>.aifb-btn{max-width:100%}

  /* Декоративните надписи над илюстрацията в героя са позиционирани за
     широк екран. На телефон излизаха извън него и текстът им се режеше
     наполовина. Същата информация стои и в тялото на страницата. */
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-system-node,
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-float-card{display:none}

  /* матрицата на приоритетите */
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-priority-layout{grid-template-columns:minmax(0,1fr)}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-priority-matrix,
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-priority-list{min-width:0;max-width:100%}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-priority-list>div{min-width:0;max-width:100%}
}

/* Дългите български думи в заглавията не се събират на тесен екран и излизаха
   извън него — кутията стоеше в екрана, но текстът в нея не. Мярката е по-малък
   кегел плюс пренос като последна защита. */
@media (max-width:620px){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero h1,
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-copy h1{font-size:clamp(21px,6.2vw,30px);line-height:1.2}
  /* hyphens:auto пренася по срички („интели-гентността"), а break-word остава
     само като последна защита, ако браузърът няма български правила. */
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) h1,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) h2,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) h3,
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-hero-lead,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-kicker,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-eyebrow{
    -webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
}

/* =====================================================================
   Секцията с извлекаемия отговор стоеше залепена вляво: обвивката е 1200px,
   а блокът е ограничен на 74ch заради четимостта — оттам зееше половин
   екран вдясно. Колоната се стеснява и центрира, текстът остава ляво
   подравнен. Предпазителят :not(...) пази секциите, в които освен отговора
   има и широк компонент — те не се свиват.
   ===================================================================== */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section:has(> .aifb-shell > .aifb-answer):not(:has(.aifb-grid-3)):not(:has(.aifb-vs-wrap)):not(:has(.aifb-ba)):not(:has(.aifb-flow)):not(:has(.aifb-deliver)):not(:has(.aifb-scenarios)):not(:has(.aifb-limits)):not(:has(table)):not(:has(.aifb-score)) > .aifb-shell{
  width:min(760px,100% - 48px)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-section:has(> .aifb-shell > .aifb-answer):not(:has(.aifb-grid-3)):not(:has(.aifb-vs-wrap)):not(:has(.aifb-ba)):not(:has(.aifb-flow)):not(:has(.aifb-deliver)):not(:has(.aifb-scenarios)):not(:has(.aifb-limits)):not(:has(table)):not(:has(.aifb-score)) :is(.aifb-answer,.aifb-note,.aifb-section-head,.aifb-section-head p){
  max-width:none}


/* ===== chrome: сгъваемо меню и футър (Вълна 7) ===== */
/* ---------- сгъваеми подменюта на телефон ---------- */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mrow{display:flex;align-items:center;gap:8px;
  border-bottom:1px solid rgba(125,158,225,.10)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mrow>a{flex:1 1 auto;border-bottom:0}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mtog{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0;padding:0;background:none;border:0;cursor:pointer;
  color:#94a3c2;border-radius:8px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mtog:hover,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mtog:focus-visible{color:#6fdcff;background:rgba(125,158,225,.08)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mtog .nx-caret{width:12px;height:12px;transition:transform .22s ease}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mtog[aria-expanded="true"] .nx-caret{transform:rotate(180deg)}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-msub[hidden]{display:none}

/* ---------- футърът като акордеон на телефон ---------- */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-tog{display:flex;align-items:center;width:100%;min-height:24px;margin:0;padding:0;background:none;border:0;
  cursor:default;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;
  text-align:left}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-tog .nx-caret{display:none;width:11px;height:11px;transition:transform .22s ease}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col ul[hidden]{display:none}

@media (max-width:760px){
  /* една колона, по едно меню на ред, затворено до докосване */
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-grid{grid-template-columns:1fr;gap:0}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-brand{margin-bottom:26px}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col:not(.nx-ftr-brand){border-top:1px solid rgba(125,158,225,.12);gap:0}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col:not(.nx-ftr-brand):last-of-type{border-bottom:1px solid rgba(125,158,225,.12)}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col h3{margin:0}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-tog{display:flex;align-items:center;justify-content:space-between;
    gap:10px;min-height:52px;padding:0 2px;cursor:pointer}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-tog .nx-caret{display:block;flex:0 0 auto}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-tog[aria-expanded="true"] .nx-caret{transform:rotate(180deg)}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col ul{gap:0;padding:0 0 12px}
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-col li a{display:block;padding:9px 2px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  :is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-mtog .nx-caret,:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .nx-ftr-tog .nx-caret{transition:none}
}

/* --- /resursi/ai-umeniya-kariera-rabota/ ---------------------------------
   Статията дойде извън плана и има собствени класове. Две неща от одита:
   самостоятелните връзки в картите с източници бяха 19px високи, а
   разделителят „·“ в байлайна беше 2.3:1 върху светлия фон. */
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-source-cards a,
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-source-line a{padding-block:3px}
:is([data-aifb-page],#aifb-shared):is([data-aifb-page],#aifb-shared) .aifb-career-byline{color:#566481}

/* AIFB-UX-END */