/* [cc 19.10] integrari.css (fost integrari-a.css, finisat după judecător) · secțiunea #integrari (Integrări SmartBill și SAGA, „În versiunea nouă”), direcția A „Un desen văzut de sus + o apăsare”.
   Factura din program (hârtie, creion) în stânga și trei drumuri spre dreapta: SmartBill (factura primește numărul fiscal SmartBill), contabilul (un pachet pe lună pentru SAGA),
   clientul (pe email, cu PDF-ul). O singură apăsare: pe drumul contabilului bariera e coborâtă cât lipsește un cod fiscal; pastila de creion „Completez codul fiscal” (un control desenat pe pagină, nu un buton din program) o ridică și pachetul ajunge.
   A doua apăsare („Înapoi la început”) readuce desenul la început; înălțimea secțiunii nu se schimbă între stări. Fără JS (sau înainte să se încarce) se vede starea de după apăsare: desenul întreg, nimic ascuns.
   Creionul = cel din ANAF / Service / Referat (--ig-pen, --ig-mark), scrisul de mână = „Cmd Hand” (Caveat), hârtia = --ig-paper, bariera cu dungi roșii ca la Service.
   Lățimea o dă figura (container „ig”), nu ecranul: ≥ 940 px scena lată (hârtia în stânga, trei drumuri spre dreapta), mai îngust scena de telefon
   (un trunchi în stânga, trei ramuri una sub alta; de la 560 px butonul stă lângă mesaj).
   Totul sub .sx-integrari; spațiere din scara Fibonacci (3 5 8 13 21 34 55 89). */

.sx-integrari {
  --ig-pen: hsl(40 13% 23% / .66); --ig-mark: hsl(40 13% 20% / .9);
  --ig-hand: "Cmd Hand", "Caveat", "Segoe Print", cursive;
  --ig-paper: #fffdf8;
  --ig-ok: #2f8a3e; --ig-ok-tint: rgba(120, 190, 100, .28);
  --ig-no: #c8473c; --ig-no-ink: #a8352b; --ig-stripe: rgba(200, 71, 60, .82); --ig-arm: #fffdf8;
  --ig-new-bg: rgba(38, 128, 194, .13);
}
html[data-theme="dark"] .sx-integrari {
  --ig-pen: rgba(232, 228, 217, .62); --ig-mark: rgba(240, 236, 226, .92);
  --ig-paper: rgba(255, 255, 255, .055);
  --ig-ok: #7cc96c; --ig-ok-tint: rgba(124, 201, 108, .2);
  --ig-no: #f0857a; --ig-no-ink: #f39a90; --ig-stripe: #e0766b; --ig-arm: rgba(240, 236, 226, .86);
  --ig-new-bg: rgba(86, 170, 230, .2);
}

/* ---------- capul ---------- */
.sx-integrari .sx-head.sx-integrari-head { margin-bottom: 29px; }
@media (max-width: 600px) { .sx-integrari .sx-head.sx-integrari-head { margin-bottom: 21px; } }
.s27 .sx.sx-integrari header h2 { max-width: 20em; }   /* [cc 19.10 pagina] (0,3,2): bate regula .s27 .sx header h2 din site27.css și când CSS-ul părții vine ÎNAINTE de site27.css, ca în build.js (înainte: 0,2,2 = egal, câștiga cea de după) */
.sx-integrari .ig-new { display: inline-block; margin-left: 13px; padding: 1px 10px; border-radius: 999px; background: var(--ig-new-bg); color: var(--sx-ink2); font-size: 12.5px; line-height: 18px; font-weight: 600; letter-spacing: .08em; white-space: nowrap; vertical-align: 1px; }

/* ---------- figura ---------- */
.sx-integrari .sx-integrari-fig { margin: 0; container: ig / inline-size; }
.sx-integrari svg { overflow: visible; }

/* ---------- creionul ---------- */
.sx-integrari .k, .sx-integrari .k2 { fill: none; stroke: var(--ig-pen); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.sx-integrari .k { stroke-width: 1.5px; }
.sx-integrari .k2 { stroke-width: 1.3px; opacity: .4; }
.sx-integrari .k.f { opacity: .5; }
.sx-integrari .k2.f { opacity: .18; }
.sx-integrari .k.ar, .sx-integrari .k2.ar { stroke: var(--ig-mark); }
.sx-integrari .k.ar { stroke-width: 2px; }
.sx-integrari .k.bx { stroke: var(--ig-mark); }
.sx-integrari .k.tk { stroke: var(--ig-ok); stroke-width: 3.4px; }
.sx-integrari .k2.tk { stroke: var(--ig-ok); stroke-width: 2px; opacity: .55; }
.sx-integrari .pp { fill: var(--ig-paper); stroke: none; }
.sx-integrari .bb { fill: var(--ig-arm); stroke: none; }
.sx-integrari .bs { fill: var(--ig-stripe); stroke: none; }

/* scrisul de mână din HTML */
.sx-integrari .hn { margin: 0; font-family: var(--ig-hand); font-size: 23px; line-height: 24px; font-weight: 500; letter-spacing: 0; word-spacing: 0; color: var(--ig-mark); text-transform: none; }
.sx-integrari .v { margin: 0; font: 500 16px/22px var(--sx-f-sans); letter-spacing: -.005em; word-spacing: 0; color: var(--ink); }
.sx-integrari .iv { margin: 0; display: flex; align-items: center; gap: 8px; font: 600 17px/24px var(--sx-f-sans); letter-spacing: -.005em; word-spacing: 0; color: var(--ink); }
.sx-integrari .iv b { font-weight: 600; color: inherit; }
.sx-integrari .iv .am { margin-left: auto; font-size: 16px; font-weight: 600; }

/* hârtia: fundal + contur de creion, ca în ANAF */
.sx-integrari .ig-paper { position: absolute; inset: 0; background: var(--ig-paper); border-radius: 3px; }
.sx-integrari .ig-ink { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.sx-integrari .ig-box { display: block; width: 24px; height: 24px; flex: 0 0 auto; }
.sx-integrari .ig-i { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sx-integrari .ig-head { display: block; width: 14px; height: 16px; }

/* ---------- starea desenului: înainte / după apăsare ---------- */
.sx-integrari .sx-integrari-fig[data-ig="idle"] [data-s="done"],
.sx-integrari .sx-integrari-fig[data-ig="done"] [data-s="idle"] { display: none; }
.sx-integrari .sx-integrari-fig [data-s] { animation: ig-in .32s ease both; }
@keyframes ig-in { from { opacity: 0; } to { opacity: 1; } }

/* ---------- săgețile (linia întinsă pe lățime + vârful la capăt) ---------- */
.sx-integrari .ig-arr { position: absolute; height: 16px; }
.sx-integrari .ig-arr .ig-arr-s { position: absolute; left: 0; top: 2px; width: calc(100% - 9px); height: 12px; }
.sx-integrari .ig-arr .ig-head { position: absolute; right: 0; top: 0; }
.sx-integrari .ig-mid { position: relative; flex: 0 0 22px; height: 16px; }
.sx-integrari .ig-mid .ig-mid-s { position: absolute; left: 0; top: 2px; width: calc(100% - 9px); height: 12px; }
.sx-integrari .ig-mid .ig-head { position: absolute; right: 0; top: 0; }
/* trunchiul (vertical) și ramura scurtă: în scena lată doar trunchiul lanurilor 2 și 3 */
.sx-integrari .ig-tr { position: absolute; width: 12px; }
.sx-integrari .ig-tr svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.sx-integrari .ig-branch { display: none; }

/* ---------- apăsarea: o pastilă cu contur de creion și scris de mână (ca „apasă plicul” din Documente), nu un buton din program ---------- */
.sx-integrari .sx-integrari-btn {
  appearance: none; -webkit-appearance: none; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 212px; max-width: 100%; height: 44px; margin: 0; padding: 0 14px;
  border: 0; border-radius: 999px; background: transparent; color: var(--ig-mark); box-sizing: border-box;
  font: 500 23px/24px var(--ig-hand); letter-spacing: 0; word-spacing: 0; text-transform: none; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
.sx-integrari .sx-integrari-btn .ig-pill-bg { position: absolute; inset: 2px 1px; border-radius: 999px; background: var(--ig-paper); transition: background-color .15s ease; }
.sx-integrari .sx-integrari-btn .ig-pill { position: absolute; left: 0; top: 2px; width: 100%; height: 40px; pointer-events: none; }
.sx-integrari .sx-integrari-btn .ig-pill--n { display: none; }
.sx-integrari .sx-integrari-btn .ig-pill .k { stroke: var(--ig-mark); stroke-width: 1.7px; }
.sx-integrari .sx-integrari-btn .ig-bl { position: relative; display: block; }
.sx-integrari .sx-integrari-btn:hover .ig-pill-bg { background: var(--ig-new-bg); }
.sx-integrari .sx-integrari-btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
/* fără JS nu e nimic de apăsat: desenul rămâne întreg, în starea de după */
.sx-integrari .sx-integrari-fig:not(.is-js) .ig-press { display: none; }

/* ================= scena lată (figura ≥ 940 px) ================= */
.sx-integrari .ig-scene { position: relative; display: grid; grid-template-columns: 252px minmax(0, 1fr) 360px; grid-template-rows: 90px 112px 52px; }
.sx-integrari .ig-lane { display: contents; }
.sx-integrari .ig-lead, .sx-integrari .ig-dst, .sx-integrari .ig-root { position: relative; min-width: 0; }
.sx-integrari .ig-root { grid-column: 1; grid-row: 1; }
.sx-integrari .ig-l1 .ig-lead { grid-column: 2; grid-row: 1; }
.sx-integrari .ig-l1 .ig-dst { grid-column: 3; grid-row: 1; }
.sx-integrari .ig-l2 .ig-lead { grid-column: 1 / 3; grid-row: 2; }
.sx-integrari .ig-l2 .ig-dst { grid-column: 3; grid-row: 2; }
.sx-integrari .ig-l3 .ig-lead { grid-column: 1 / 3; grid-row: 3; }
.sx-integrari .ig-l3 .ig-dst { grid-column: 3; grid-row: 3; }
.sx-integrari .ig-l1 .ig-tr { display: none; }

/* rădăcina: factura din program, cu grămada de dedesubt */
.sx-integrari .ig-root-t { position: absolute; left: 2px; top: 0; line-height: 20px; white-space: nowrap; }
.sx-integrari .ig-sheet { position: absolute; left: 0; top: 22px; width: 252px; height: 58px; }
.sx-integrari .ig-sheet-in { position: relative; padding: 5px 12px 0 11px; }
.sx-integrari .ig-stack { position: absolute; left: 0; top: 78px; width: 252px; height: 14px; }

/* drumul 1: SmartBill */
.sx-integrari .ig-l1 .ig-lab { position: absolute; left: 20px; top: 18px; white-space: nowrap; }
.sx-integrari .ig-l1 .ig-arr { left: 0; right: 4px; top: 43px; }
.sx-integrari .ig-l1 .ig-dst { display: flex; align-items: center; align-self: start; height: 102px; }
.sx-integrari .ig-cloud-w { position: relative; flex: 0 0 124px; width: 124px; height: 74px; }
.sx-integrari .ig-cloud { display: block; width: 124px; height: 74px; }
.sx-integrari .ig-cloud-t { position: absolute; left: 0; right: 0; top: 26px; text-align: center; font-size: 21px; font-weight: 700; line-height: 26px; }
.sx-integrari .ig-slip { position: relative; flex: 0 0 206px; width: 206px; height: 64px; }
.sx-integrari .ig-slip-in { position: relative; padding: 8px 12px 0 12px; }
.sx-integrari .ig-pdf { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font: 600 16px/22px var(--sx-f-sans); color: var(--sx-ink2); }

/* drumul 2: contabilul (SAGA) */
.sx-integrari .ig-l2 .ig-tr { left: 30px; top: -8px; height: calc(100% + 8px); }
.sx-integrari .ig-road { position: absolute; left: 36px; right: 0; top: 0; height: 100%; }
.sx-integrari .ig-road .ig-arr { left: 0; top: 34px; }
.sx-integrari .ig-road .ig-arr--idle { right: 97px; }
.sx-integrari .ig-road .ig-arr--done { right: 4px; }
.sx-integrari .ig-barrier { position: absolute; width: 76px; height: 92px; right: 28px; top: -4px; }
.sx-integrari .ig-l2 .ig-lab { position: absolute; left: 64px; top: 9px; white-space: nowrap; }
.sx-integrari .ig-under { position: absolute; left: 64px; right: 104px; top: 60px; display: flex; align-items: flex-start; gap: 10px; }
.sx-integrari .ig-press { flex: 0 0 auto; }
/* cele două note (blocaj / ok) stau în aceeași celulă: rândul are mereu înălțimea celei mai înalte, deci secțiunea nu se mișcă la apăsare */
.sx-integrari .ig-states { flex: 1 1 0; min-width: 0; display: grid; }
.sx-integrari .ig-states .ig-state { grid-area: 1 / 1; min-width: 0; font-size: 22px; line-height: 24px; text-wrap: balance; }
.sx-integrari .ig-states .ig-state br { display: none; }
.sx-integrari .sx-integrari-fig[data-ig="idle"] .ig-states .ig-state--ok,
.sx-integrari .sx-integrari-fig[data-ig="done"] .ig-states .ig-state--bad { display: block; visibility: hidden; animation: none; }
.sx-integrari .ig-state--bad { color: var(--ig-no-ink); }
.sx-integrari .ig-state--ok { color: var(--ig-ok); }
.sx-integrari .ig-l2 .ig-dst { height: 112px; }
.sx-integrari .ig-mon { position: relative; width: 212px; height: 104px; }
.sx-integrari .ig-mon-art { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sx-integrari .ig-mon-in { position: absolute; left: 0; top: 0; width: 100%; height: 84px; padding: 7px 12px 0; box-sizing: border-box; }
.sx-integrari .ig-mon-t { font-size: 24px; font-weight: 700; line-height: 24px; }
.sx-integrari .ig-slot { display: block; margin-top: 8px; width: 100%; height: 36px; border: 1.5px dashed var(--ig-pen); border-radius: 6px; opacity: .55; box-sizing: border-box; }
.sx-integrari .ig-mon-done .v { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.sx-integrari .ig-mon-n { position: absolute; left: 226px; top: 12px; width: 134px; font-size: 22px; }
.sx-integrari .ig-mon-n span[data-s="done"] { color: var(--ig-ok); }
.sx-integrari .ig-gate { transition: opacity .32s ease; }

/* drumul 3: clientul */
.sx-integrari .ig-l3 .ig-tr { left: 30px; top: 0; height: 34px; }
.sx-integrari .ig-l3 .ig-lab { position: absolute; left: 64px; top: 1px; white-space: nowrap; }
.sx-integrari .ig-l3 .ig-arr { left: 36px; right: 4px; top: 22px; }
.sx-integrari .ig-env-w { position: absolute; left: 0; top: 5px; width: 66px; height: 46px; }
.sx-integrari .ig-env { display: block; width: 66px; height: 46px; }
.sx-integrari .ig-cl { position: absolute; left: 82px; top: 2px; margin: 0; font: 600 17px/52px var(--sx-f-sans); letter-spacing: -.005em; color: var(--ink); white-space: nowrap; }
.sx-integrari .ig-cl b { font-weight: 600; }

/* ---------- sub desen: o frază, apoi două rânduri liniștite, câte unul pe produs (scrisul de mână „SAGA” / „SmartBill”, faptele lui, ghidul lui PDF) ---------- */
.sx-integrari .sx-integrari-cap { margin-top: 16px; max-width: none; font: 400 16px/24px var(--sx-f-sans); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2); text-wrap: pretty; }
.sx-integrari .sx-integrari-cap a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* o singură frază care curge: prima propoziție, apoi câte un grup pe produs (scrisul de mână + faptele lui + ghidul lui), fără rânduri rupte pe jumătate; la 1280 încape pe 4 rânduri.
   Pe telefon (figura < 560 px) faptele mărunte (.ig-x) se ascund: rămâne primul fapt al fiecărui produs + ghidul. */
.sx-integrari .ig-c1 { display: inline; }
.sx-integrari .sx-integrari-inv { color: var(--mute); white-space: nowrap; }
.sx-integrari .ig-c1, .sx-integrari .ig-cg--saga .ig-cg-t { margin-right: 9px; }
.sx-integrari .ig-cg { display: inline; color: var(--mute); }
.sx-integrari .ig-nw { white-space: nowrap; }
.sx-integrari .ig-cg .ig-cg-l { display: inline-block; margin-right: 8px; color: var(--sx-ink2); font-size: 22px; line-height: 21px; }
.sx-integrari .ig-cg .ig-cg-t { display: inline; }

/* ================= scena de telefon (figura < 940 px) ================= */
@container ig (max-width: 939px) {
  .sx-integrari .ig-scene { display: flex; flex-direction: column; max-width: 700px; }
  .sx-integrari .ig-scene .ig-root { flex: none; width: 252px; height: 90px; }
  .sx-integrari .ig-scene .ig-lane { display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: 8px auto; align-items: start; }
  .sx-integrari .ig-scene .ig-lead { display: contents; }
  /* trunchiul pe toată înălțimea lanului; ramura scurtă la eticheta lui */
  .sx-integrari .ig-scene .ig-lane .ig-tr { display: block; position: relative; grid-column: 1; grid-row: 1 / span 8; left: auto; top: auto; width: 12px; height: auto; align-self: stretch; margin-left: 6px; }
  .sx-integrari .ig-scene .ig-l3 .ig-tr { grid-row: 1; height: 20px; align-self: start; }
  .sx-integrari .ig-scene .ig-l3 { grid-template-rows: 8px auto auto; }
  .sx-integrari .ig-scene .ig-lane .ig-branch { display: block; grid-column: 1; grid-row: 2; position: relative; height: 24px; }
  .sx-integrari .ig-scene .ig-branch .ig-br-s { position: absolute; left: 12px; top: 6px; width: 13px; height: 12px; }
  .sx-integrari .ig-scene .ig-branch .ig-head { position: absolute; right: 0; top: 4px; }
  .sx-integrari .ig-scene .ig-lane .ig-lab { position: static; grid-column: 2; grid-row: 2; white-space: normal; padding-left: 4px; }
  .sx-integrari .ig-scene .ig-l1 .ig-arr, .sx-integrari .ig-scene .ig-l3 .ig-arr { display: none; }
  /* 1 SmartBill */
  .sx-integrari .ig-scene .ig-l1 .ig-dst { position: static; display: flex; grid-column: 2; grid-row: 3; height: auto; margin-top: 6px; align-items: center; min-width: 0; }
  .sx-integrari .ig-scene .ig-cloud-w { flex: 0 0 104px; width: 104px; height: 62px; }
  .sx-integrari .ig-scene .ig-cloud { width: 104px; height: 62px; }
  .sx-integrari .ig-scene .ig-cloud-t { top: 21px; font-size: 21px; }
  .sx-integrari .ig-scene .ig-slip { flex: 1 1 0; min-width: 0; max-width: 206px; width: auto; }
  /* 2 contabilul */
  .sx-integrari .ig-scene .ig-l2 { grid-template-columns: 34px minmax(0, 1fr) minmax(0, 212px); }
  .sx-integrari .ig-scene .ig-l2 .ig-lab { grid-column: 2 / -1; }
  .sx-integrari .ig-scene .ig-l2 .ig-road { position: relative; grid-column: 2; grid-row: 3; left: auto; right: auto; top: auto; height: 84px; margin-top: 8px; min-width: 0; }
  .sx-integrari .ig-scene .ig-road .ig-arr--idle { right: 63px; }
  .sx-integrari .ig-scene .ig-road .ig-arr--done { right: 4px; }
  .sx-integrari .ig-scene .ig-barrier { right: -6px; top: 14px; }
  .sx-integrari .ig-scene .ig-l2 .ig-dst { display: contents; }
  .sx-integrari .ig-scene .ig-l2 .ig-mon { grid-column: 3; grid-row: 3; margin-top: 8px; width: 100%; max-width: 212px; height: 104px; }
  .sx-integrari .ig-scene .ig-l2 .ig-mon-n { display: none; }
  .sx-integrari .ig-scene .ig-l2 .ig-under { position: static; grid-column: 2 / -1; grid-row: 4; display: flex; flex-direction: row; align-items: center; gap: 12px; margin: 8px 0 0; }
  .sx-integrari .ig-scene .ig-under .ig-press { order: 1; flex: 0 0 auto; }
  .sx-integrari .ig-scene .ig-under .ig-states { order: 2; flex: 1 1 0; min-width: 0; }
  .sx-integrari .ig-scene .ig-under .ig-state br { display: none; }
  /* 3 clientul: plicul în stânga, numele clientului și nota lui în dreapta */
  .sx-integrari .ig-scene .ig-l3 { grid-template-columns: 34px 66px minmax(0, 1fr); }
  .sx-integrari .ig-scene .ig-l3 .ig-lab { grid-column: 3; grid-row: 2; padding-left: 14px; }
  .sx-integrari .ig-scene .ig-l3 .ig-dst { display: contents; }
  .sx-integrari .ig-scene .ig-env-w { position: relative; left: auto; top: auto; grid-column: 2; grid-row: 2 / span 2; margin-top: 2px; }
  .sx-integrari .ig-scene .ig-cl { position: static; grid-column: 3; grid-row: 3; align-self: start; margin: 0; padding-left: 14px; font-size: 17px; line-height: 24px; }
  .sx-integrari .sx-integrari-cap { margin-top: 13px; font-size: 16px; line-height: 21px; }
  .sx-integrari .ig-cg .ig-cg-l { font-size: 21px; }
}
/* pastila îngustă: sub 560 px scrisul ei stă pe două rânduri (Completez / codul fiscal); legenda de sub desen păstrează doar primul fapt al fiecărui produs */
@container ig (max-width: 559px) {
  .sx-integrari .sx-integrari-cap { margin-top: 10px; }
  .sx-integrari .ig-x { display: none; }
  .sx-integrari .sx-integrari-btn { width: 124px; height: 56px; padding: 0 8px; font-size: 22px; line-height: 22px; }
  /* nota de lângă pastilă: 2 rânduri și la 360–375, ca să nu înalțe rândul peste pastilă */
  .sx-integrari .ig-scene .ig-states .ig-state { font-size: 20px; line-height: 22px; }
  .sx-integrari .sx-integrari-btn .ig-pill--w { display: none; }
  .sx-integrari .sx-integrari-btn .ig-pill--n { display: block; height: 52px; }
  .sx-integrari .sx-integrari-btn .ig-pill-bg { inset: 2px 1px; }
  .sx-integrari .sx-integrari-btn .ig-bl { white-space: normal; text-align: center; text-wrap: balance; }
}
/* telefoane înguste (320–349 px, adică ecrane de 360–375): norul și factura SmartBill rămân pe un rând, doar mai mici */
@container ig (max-width: 349px) {
  .sx-integrari .ig-scene .ig-cloud-w { flex-basis: 92px; width: 92px; height: 55px; }
  .sx-integrari .ig-scene .ig-cloud { width: 92px; height: 55px; }
  .sx-integrari .ig-scene .ig-cloud-t { top: 18px; font-size: 19px; line-height: 22px; }
  .sx-integrari .ig-scene .ig-mid { flex-basis: 14px; }
  .sx-integrari .ig-scene .ig-slip { height: auto; min-height: 64px; }
  .sx-integrari .ig-scene .ig-slip-in { padding: 8px 8px 8px; }
  .sx-integrari .ig-scene .ig-cl { padding-left: 10px; }
}
/* ≤ 319 px (ecrane de 320): trunchi mai îngust, monitorul sub drum */
@container ig (max-width: 319px) {
  .sx-integrari .ig-scene .ig-l1 .ig-dst { flex-wrap: wrap; row-gap: 6px; }
  .sx-integrari .ig-scene .ig-l1 .ig-mid { display: none; }
  .sx-integrari .ig-scene .ig-l1 .ig-slip { flex: 1 1 100%; max-width: 206px; }
  .sx-integrari .ig-scene .ig-lane { grid-template-columns: 26px minmax(0, 1fr); }
  .sx-integrari .ig-scene .ig-l3 { grid-template-columns: 26px 66px minmax(0, 1fr); }
  .sx-integrari .ig-scene .ig-lane .ig-tr { margin-left: 2px; }
  .sx-integrari .ig-scene .ig-branch .ig-br-s { left: 8px; width: 9px; }
  .sx-integrari .ig-scene .ig-l2 { grid-template-columns: 26px minmax(0, 1fr); }
  .sx-integrari .ig-scene .ig-l2 .ig-lab { grid-column: 2; }
  .sx-integrari .ig-scene .ig-l2 .ig-mon { grid-column: 2; grid-row: 4; }
  .sx-integrari .ig-scene .ig-l2 .ig-under { grid-column: 2; grid-row: 5; }
}

@media (prefers-reduced-motion: reduce) {
  .sx-integrari .sx-integrari-fig [data-s] { animation: none; }
  .sx-integrari .ig-gate, .sx-integrari .sx-integrari-btn { transition: none; }
}