#bnv-page[data-engine="lg-page"] /* ════════════════════════════════════════════════════════════════════
   BINNOVY · SHELL SH-4 · LEGAL  ·  namespace .lg-
   Dense, #bnv-page[data-engine="lg-page"] restrained: a sticky TOC rail + anchored clause sections + a
   last-updated stamp. Backs Privacy · Terms · Code of conduct · Cookies.
   Plain and authoritative — minimal accent, #bnv-page[data-engine="lg-page"] maximal legibility.
   ════════════════════════════════════════════════════════════════════ */
.lg-page{ --lg-accent:#1c7ef5; }
#bnv-page[data-engine="lg-page"] .lg-wrap{ width:var(--cw); margin-inline:auto; }
#bnv-page[data-engine="lg-page"] .lg-hero{ padding:78px 0 34px; background:var(--paper-0); border-bottom:1px solid var(--hair); }
#bnv-page[data-engine="lg-page"] .lg-crumb{ display:flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-5); margin-bottom:22px; }
#bnv-page[data-engine="lg-page"] .lg-crumb a{ color:var(--ink-5); text-decoration:none; transition:color .2s var(--ease); }
#bnv-page[data-engine="lg-page"] .lg-crumb a:hover{ color:var(--lg-accent); }
#bnv-page[data-engine="lg-page"] .lg-crumb .sep{ opacity:.4; }
#bnv-page[data-engine="lg-page"] .lg-eyebrow{ font-family:var(--f-mono); font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-5); margin-bottom:16px; }
#bnv-page[data-engine="lg-page"] .lg-h1{ font-family:var(--f-sans); font-size:clamp(32px,4.4vw,48px); font-weight:300; letter-spacing:-.03em; line-height:1.05; color:var(--ink-0); margin:0; }
#bnv-page[data-engine="lg-page"] .lg-updated{ display:inline-flex; align-items:center; gap:9px; margin-top:20px; font-family:var(--f-mono); font-size:12px; color:var(--ink-5); letter-spacing:.02em; }
#bnv-page[data-engine="lg-page"] .lg-updated .dot{ width:6px; height:6px; border-radius:50%; background:var(--g); box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 20%,transparent); }
#bnv-page[data-engine="lg-page"] .lg-intro{ font-size:16px; line-height:1.7; color:var(--ink-3); max-width:64ch; margin:24px 0 0; }
#bnv-page[data-engine="lg-page"] .lg-body{ padding:48px 0 84px; background:var(--paper-0); }
#bnv-page[data-engine="lg-page"] .lg-cols{ display:grid; grid-template-columns:240px 1fr; gap:56px; align-items:start; }
#bnv-page[data-engine="lg-page"] .lg-toc{ position:sticky; top:calc(var(--nav-h) + 24px); }
#bnv-page[data-engine="lg-page"] .lg-toc-h{ font-family:var(--f-mono); font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-5); margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid var(--hair); }
#bnv-page[data-engine="lg-page"] .lg-toc-list{ display:flex; flex-direction:column; gap:2px; list-style:none; padding:0; margin:0; }
#bnv-page[data-engine="lg-page"] .lg-toc-list a{ display:flex; gap:10px; padding:8px 10px; border-radius:8px; font-size:13px; line-height:1.4; color:var(--ink-4); text-decoration:none; transition:all .18s var(--ease); border-left:2px solid transparent; }
#bnv-page[data-engine="lg-page"] .lg-toc-list a:hover{ color:var(--ink-0); background:var(--paper-1); }
#bnv-page[data-engine="lg-page"] .lg-toc-list a.active{ color:var(--lg-accent); border-left-color:var(--lg-accent); background:color-mix(in srgb,var(--lg-accent) 6%,transparent); }
#bnv-page[data-engine="lg-page"] .lg-toc-list a .n{ font-family:var(--f-mono); font-size:11px; color:var(--ink-6); flex:none; }
#bnv-page[data-engine="lg-page"] .lg-toc-list a.active .n{ color:var(--lg-accent); }
#bnv-page[data-engine="lg-page"] .lg-clauses{ max-width:72ch; }
#bnv-page[data-engine="lg-page"] .lg-clause{ padding:0 0 40px; scroll-margin-top:calc(var(--nav-h) + 24px); }
#bnv-page[data-engine="lg-page"] .lg-clause-h{ display:flex; align-items:baseline; gap:12px; font-family:var(--f-sans); font-size:22px; font-weight:600; letter-spacing:-.02em; color:var(--ink-0); margin:0 0 16px; }
#bnv-page[data-engine="lg-page"] .lg-clause-h .n{ font-family:var(--f-mono); font-size:14px; font-weight:600; color:var(--lg-accent); }
#bnv-page[data-engine="lg-page"] .lg-clause p{ font-size:15.5px; line-height:1.75; color:var(--ink-3); margin:0 0 16px; letter-spacing:-.003em; }
#bnv-page[data-engine="lg-page"] .lg-clause p:last-child{ margin-bottom:0; }
#bnv-page[data-engine="lg-page"] .lg-tablewrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 16px; border:1px solid var(--line,#e6e9ee); border-radius:10px; }
#bnv-page[data-engine="lg-page"] .lg-tablewrap:focus-visible{ outline:2px solid var(--lg-accent); outline-offset:2px; }
#bnv-page[data-engine="lg-page"] .lg-table{ border-collapse:collapse; width:100%; min-width:640px; font-size:14px; line-height:1.6; }
#bnv-page[data-engine="lg-page"] .lg-table th, #bnv-page[data-engine="lg-page"] .lg-table td{ padding:10px 12px; text-align:start; vertical-align:top; border-bottom:1px solid var(--line,#e6e9ee); }
#bnv-page[data-engine="lg-page"] .lg-table thead th{ background:var(--surface-2,#f6f8fa); font-weight:650; color:var(--ink-1,#0f2a3d); white-space:nowrap; }
#bnv-page[data-engine="lg-page"] .lg-table tbody tr:last-child td{ border-bottom:0; }
#bnv-page[data-engine="lg-page"] .lg-table td{ color:var(--ink-3); }
#bnv-page[data-engine="lg-page"] .lg-clause ul{ margin:0 0 16px; padding-left:22px; }
#bnv-page[data-engine="lg-page"] .lg-clause li{ font-size:15.5px; line-height:1.7; color:var(--ink-3); margin-bottom:8px; }
#bnv-page[data-engine="lg-page"] .lg-clause strong{ color:var(--ink-1); font-weight:600; }
#bnv-page[data-engine="lg-page"] .lg-clause a{ color:var(--lg-accent); text-decoration:none; border-bottom:1px solid color-mix(in srgb,var(--lg-accent) 30%,transparent); }
#bnv-page[data-engine="lg-page"] .lg-divider{ height:1px; background:var(--hair); margin:0 0 40px; }
#bnv-page[data-engine="lg-page"] .lg-contact{ margin-top:8px; padding:28px 30px; background:var(--paper-1); border:1px solid var(--hair); border-radius:16px; }
#bnv-page[data-engine="lg-page"] .lg-contact-h{ font-family:var(--f-sans); font-size:16px; font-weight:600; color:var(--ink-0); margin:0 0 8px; }
#bnv-page[data-engine="lg-page"] .lg-contact-p{ font-size:14px; line-height:1.6; color:var(--ink-4); margin:0; }
#bnv-page[data-engine="lg-page"] .lg-contact-p a{ color:var(--lg-accent); text-decoration:none; }
@media(max-width:860px){
  .lg-cols{ grid-template-columns:1fr; gap:32px; }
.lg-toc{ position:static; }
.lg-toc-list{ flex-flow:row wrap; gap:6px; }
.lg-toc-list a{ border-left:0; border:1px solid var(--hair); border-radius:100px; padding:7px 12px; }
.lg-toc-list a.active{ border-color:var(--lg-accent); }}
html.rtl #bnv-page[data-engine="lg-page"] .lg-toc-list a{ border-left:0; border-right:2px solid transparent; }
html.rtl #bnv-page[data-engine="lg-page"] .lg-toc-list a.active{ border-right-color:var(--lg-accent); }
html.rtl #bnv-page[data-engine="lg-page"] .lg-clause ul{ padding-left:0; padding-right:22px; }
html.rtl #bnv-page[data-engine="lg-page"] .lg-hero, html.rtl #bnv-page[data-engine="lg-page"] .lg-clauses, html.rtl #bnv-page[data-engine="lg-page"] .lg-toc, html.rtl #bnv-page[data-engine="lg-page"] .lg-contact{ text-align:right; }
html.rtl #bnv-page[data-engine="lg-page"] .lg-clause-h{ direction:rtl; }
#bnv-page[data-engine="lg-page"] <style>
/* ════════════════════════════════════════════════════════════════════
   BINNOVY · RTL MIRRORING  ·  [COPY VERBATIM INTO EVERY PAGE]
   Activated when the i18n engine sets <html dir="rtl" class="rtl">.
   PRINCIPLE: direction:rtl already reverses flex rows & grid columns —
   so we DO NOT use flex-direction:row-reverse (that double-reverses).
   We only flip: physical borders, #bnv-page[data-engine="lg-page"] absolute offsets, #bnv-page[data-engine="lg-page"] auto-margins, #bnv-page[data-engine="lg-page"] directional arrow glyphs, #bnv-page[data-engine="lg-page"] and text-align where base CSS forced left.
   Diagrams (inside <svg>) intentionally stay LTR.
   ════════════════════════════════════════════════════════════════════ */

/* ── Direction + Arabic typography ─────────────────────────────────── */
html.rtl body{ direction:rtl; overflow-x:clip; }
html.rtl #bnv-page[data-engine="lg-page"] body, html.rtl #bnv-page[data-engine="lg-page"] p, html.rtl #bnv-page[data-engine="lg-page"] li, html.rtl #bnv-page[data-engine="lg-page"] h1, html.rtl #bnv-page[data-engine="lg-page"] h2, html.rtl #bnv-page[data-engine="lg-page"] h3, html.rtl #bnv-page[data-engine="lg-page"] h4, html.rtl #bnv-page[data-engine="lg-page"] h5, html.rtl #bnv-page[data-engine="lg-page"] a, html.rtl #bnv-page[data-engine="lg-page"] span, html.rtl #bnv-page[data-engine="lg-page"] button, html.rtl #bnv-page[data-engine="lg-page"] div, html.rtl #bnv-page[data-engine="lg-page"] blockquote, html.rtl #bnv-page[data-engine="lg-page"] label{
  font-family:'IBM Plex Sans Arabic','Geist',system-ui,sans-serif;
}
html.rtl #bnv-page[data-engine="lg-page"] .idx-label, html.rtl #bnv-page[data-engine="lg-page"] .ribbon-meta, html.rtl #bnv-page[data-engine="lg-page"] [class*='-code'], html.rtl #bnv-page[data-engine="lg-page"] [class*='-k'], html.rtl #bnv-page[data-engine="lg-page"] [class*='-num']{
  font-family:var(--f-mono),'JetBrains Mono',monospace !important;
}
#bnv-page[data-engine="lg-page"] /* Force LTR ISOLATION only on truly latin/numeric runs (codes, #bnv-page[data-engine="lg-page"] kbd, #bnv-page[data-engine="lg-page"] toggle) */
html.rtl code, html.rtl #bnv-page[data-engine="lg-page"] kbd, html.rtl #bnv-page[data-engine="lg-page"] .kbd, html.rtl #bnv-page[data-engine="lg-page"] .nav-lang-btn{
  direction:ltr; unicode-bidi:isolate;
}
html.rtl #bnv-page[data-engine="lg-page"] em, html.rtl #bnv-page[data-engine="lg-page"] i, html.rtl #bnv-page[data-engine="lg-page"] [class*='serif']{ font-family:'IBM Plex Sans Arabic',var(--f-serif),serif; font-style:normal; }
html.rtl #bnv-page[data-engine="lg-page"] [class*='-stat-v'], html.rtl #bnv-page[data-engine="lg-page"] [class*='-metric-v'], html.rtl #bnv-page[data-engine="lg-page"] [class*='-meta-v'], html.rtl #bnv-page[data-engine="lg-page"] [class*='-num'] b{ direction:ltr; unicode-bidi:isolate; }
html.rtl #bnv-page[data-engine="lg-page"] .btn-arrow svg, html.rtl #bnv-page[data-engine="lg-page"] .arr svg, html.rtl #bnv-page[data-engine="lg-page"] .arr, html.rtl #bnv-page[data-engine="lg-page"] .mega-card-title .arr, html.rtl #bnv-page[data-engine="lg-page"] .mega-feat-cta .arr, html.rtl #bnv-page[data-engine="lg-page"] .pillar-link .arr, html.rtl #bnv-page[data-engine="lg-page"] .aud-card-cta .arr, html.rtl #bnv-page[data-engine="lg-page"] .ins-foot-read .arr, html.rtl #bnv-page[data-engine="lg-page"] .search-row-arrow, html.rtl #bnv-page[data-engine="lg-page"] .aiixrun-flow-arrow svg, html.rtl #bnv-page[data-engine="lg-page"] .mega-quick a span{ transform:scaleX(-1); }
html.rtl #bnv-page[data-engine="lg-page"] .btn:hover .btn-arrow svg{ transform:scaleX(-1); }
html.rtl #bnv-page[data-engine="lg-page"] .mega-tab{ text-align:right; }
html.rtl #bnv-page[data-engine="lg-page"] .mega-card, html.rtl #bnv-page[data-engine="lg-page"] .mega-feat, html.rtl #bnv-page[data-engine="lg-page"] .mega-stat, html.rtl #bnv-page[data-engine="lg-page"] .foot-col, html.rtl #bnv-page[data-engine="lg-page"] .footer-col{ text-align:right; }
html.rtl #bnv-page[data-engine="lg-page"] input, html.rtl #bnv-page[data-engine="lg-page"] textarea, html.rtl #bnv-page[data-engine="lg-page"] .search-input{ text-align:right; direction:rtl; }
html.rtl #bnv-page[data-engine="lg-page"] .mega-tabs{ border-right:0; border-left:1px solid var(--hair); }
html.rtl #bnv-page[data-engine="lg-page"] .mega-aside{ border-left:0; border-right:1px solid var(--hair); }
html.rtl #bnv-page[data-engine="lg-page"] .in-case-metric-item{ border-left:0; border-right:2px solid rgba(95,216,245,.5); padding-left:0; padding-right:18px; }
html.rtl #bnv-page[data-engine="lg-page"] .mega-tab::before{ left:auto; right:0; }
html.rtl #bnv-page[data-engine="lg-page"] .mega-tab .tab-count{ margin-left:0; margin-right:auto; }
html.rtl #bnv-page[data-engine="lg-page"] .aiixrun-flow-badge{ right:auto; left:18px; }
html.rtl #bnv-page[data-engine="lg-page"] .aiixrun-headmeta{ text-align:left; }
html.rtl #bnv-page[data-engine="lg-page"] .drawer-panel{ left:0; right:auto; border-left:0; border-right:1px solid var(--hair); box-shadow:20px 0 60px rgba(10,14,26,.2); }
html.rtl #bnv-page[data-engine="lg-page"] .drawer-section h5, html.rtl #bnv-page[data-engine="lg-page"] .drawer-section a{ text-align:right; }
html.rtl #bnv-page[data-engine="lg-page"] .nav-lang{ direction:ltr; }
html.rtl #bnv-page[data-engine="lg-page"] .ribbon-track{ direction:ltr; }
html.rtl #bnv-page[data-engine="lg-page"] .aud-card-glyph{ right:auto; left:22px; }
html.rtl #bnv-page[data-engine="lg-page"] .mega-stat-v{ font-size:17px; font-style:normal; line-height:1.2; }
html.rtl #bnv-page[data-engine="lg-page"] .mega-feat-tag, html.rtl #bnv-page[data-engine="lg-page"] .mega-stat-l{ letter-spacing:.04em; }
html.rtl #bnv-page[data-engine="lg-page"] .aud-card-title em, html.rtl #bnv-page[data-engine="lg-page"] [class*='-hero'] h1 em, html.rtl #bnv-page[data-engine="lg-page"] blockquote em{ font-style:normal; }
html.rtl #bnv-page[data-engine="lg-page"] .aud-card-sector{ letter-spacing:.06em; }
html.rtl #bnv-page[data-engine="lg-page"] .pillar-title.aiix-flip{ display:flex; flex-direction:row-reverse; justify-content:flex-end; flex-wrap:wrap; gap:0 .3em; }