/* ==========================================================================
   SIB Impact FX - styles for the Impact-Dashboard showcase page (24208).
   Enqueued ONLY on that page by mu-plugin sib-impact-fx.php.
   ASCII-only comments (WP-Rocket minifier safety).
   Palette: SIB red #D50C2F, anthracite #4A4D50, mid gray #6B6F73,
   silver #C4C5C7, white. Fonts: Archivo display + Inter (theme-loaded).
   ========================================================================== */

.ifx{
  --ifx-red:#D50C2F;
  --ifx-red-deep:#A30A24;
  --ifx-red-tint:#E2647D;
  --ifx-ink:#1D1F21;
  --ifx-anth:#4A4D50;
  --ifx-gray:#6B6F73;
  --ifx-silver:#C4C5C7;
  --ifx-hair:#E6E7E9;
  --ifx-paper:#FAFAFB;
  --ifx-disp:'Archivo','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ifx-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ifx-ease:cubic-bezier(.22,.61,.36,1);
  font-family:var(--ifx-body);
  color:var(--ifx-ink);
  position:relative;
}

/* page-scoped selection color */
.page-id-24208 ::selection{background:var(--ifx-red);color:#fff}

.ifx-wrap{max-width:1200px;margin:0 auto;padding:0 34px}
.ifx-wrap-wide{max-width:1280px}
@media (max-width:700px){.ifx-wrap{padding:0 20px}}

.ifx h2{font-family:var(--ifx-disp);color:var(--ifx-ink);margin:0}

/* --------------------------------------------------------------------------
   Scroll progress indicator (JS-injected, fixed at viewport top)
   -------------------------------------------------------------------------- */
.ifx-progress{
  position:fixed;top:0;left:0;width:100%;height:3px;z-index:55;
  background:var(--ifx-red);transform:scaleX(0);transform-origin:0 50%;
  pointer-events:none;
}

/* --------------------------------------------------------------------------
   Section headers: number, title, rule ornament
   -------------------------------------------------------------------------- */
.ifx-shead{display:flex;align-items:baseline;gap:18px;margin:0 0 14px}
.ifx-snum{
  font-family:var(--ifx-disp);font-weight:800;font-size:15px;
  color:var(--ifx-red);letter-spacing:.12em;
  font-variant-numeric:tabular-nums;
}
.ifx-snum::after{content:"";display:inline-block;width:26px;height:2px;background:var(--ifx-red);vertical-align:middle;margin-left:10px}
.ifx-shead h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.015em;line-height:1.05}
.ifx-srule{flex:1;height:1px;background:var(--ifx-hair);align-self:center;min-width:40px}
.ifx-slead{font-size:17px;line-height:1.6;color:var(--ifx-gray);max-width:640px;margin:0 0 38px}

.ifx section, .ifx{scroll-margin-top:90px}

/* --------------------------------------------------------------------------
   01 Intro - kinetic editorial opener with generative canvas
   -------------------------------------------------------------------------- */
.ifx-intro{padding:108px 0 96px;overflow:hidden;position:relative;background:#fff}
.ifx-net{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ifx-intro .ifx-wrap{position:relative;z-index:1}
.ifx-eyebrow{
  display:flex;align-items:center;gap:10px;
  font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ifx-anth);margin:0 0 26px;
}
.ifx-tick{width:34px;height:3px;background:var(--ifx-red);display:inline-block}
.ifx-display{
  font-size:clamp(42px,7.4vw,96px);font-weight:900;line-height:1.02;
  letter-spacing:-.025em;max-width:14ch;margin:0 0 30px;
}
.ifx-display .ifx-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.ifx-display .ifx-wi{display:inline-block}
.ifx-sub{font-size:clamp(17px,2vw,21px);line-height:1.6;color:var(--ifx-gray);max-width:56ch;margin:0}
.ifx-scrollcue{
  margin-top:54px;display:flex;align-items:center;gap:12px;
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ifx-silver);
}
.ifx-cueline{width:1px;height:44px;background:var(--ifx-silver);display:block;position:relative;overflow:hidden}

/* --------------------------------------------------------------------------
   02 KPI band - count-up numbers with red accent line
   -------------------------------------------------------------------------- */
.ifx-kpis{padding:72px 0 84px;background:var(--ifx-paper);border-top:1px solid var(--ifx-hair);border-bottom:1px solid var(--ifx-hair)}
.ifx-kpi-grid{
  list-style:none;margin:34px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:30px 26px;
}
@media (max-width:1000px){.ifx-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.ifx-kpi-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}}
.ifx-kpi{display:flex;flex-direction:column;padding-top:14px;position:relative}
.ifx-kpi::before{content:"";position:absolute;top:0;left:0;width:42px;height:3px;background:var(--ifx-red);transition:width .45s var(--ifx-ease)}
.ifx-kpi:hover::before{width:100%}
.ifx-kpi-v{
  font-family:var(--ifx-disp);font-weight:900;
  font-size:clamp(40px,4.6vw,62px);line-height:1;letter-spacing:-.02em;
  color:var(--ifx-ink);font-variant-numeric:tabular-nums;
}
.ifx-kpi-l{font-size:15px;font-weight:600;color:var(--ifx-anth);margin-top:10px}
.ifx-kpi-s{font-size:13px;color:var(--ifx-gray);margin-top:3px;line-height:1.45}
.ifx-count{font-variant-numeric:tabular-nums}

/* --------------------------------------------------------------------------
   03 Growth - self-drawing SVG line of cumulative startups
   -------------------------------------------------------------------------- */
.ifx-growth{padding:92px 0 90px;background:#fff}
.ifx-growth-stage{position:relative;border:1px solid var(--ifx-hair);border-radius:8px;padding:26px 20px 14px;background:#fff}
#ifx-growth-svg{display:block;width:100%;height:auto}
.ifx-ggrid{stroke:#EFF0F1;stroke-width:1}
.ifx-glab{fill:var(--ifx-gray);font-family:var(--ifx-body);font-size:13px;font-variant-numeric:tabular-nums}
.ifx-garea{fill:rgba(213,12,47,.06)}
.ifx-gline{stroke:var(--ifx-red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ifx-ghit{fill:transparent;cursor:pointer}
.ifx-gdot{fill:#fff;stroke:var(--ifx-red);stroke-width:2.5;transition:r .18s var(--ifx-ease),fill .18s var(--ifx-ease)}
.ifx-gpt:hover .ifx-gdot,.ifx-gpt:focus .ifx-gdot{fill:var(--ifx-red);r:7}
.ifx-gpt:focus{outline:none}
.ifx-gpt:focus-visible .ifx-gdot{stroke:var(--ifx-ink)}
.ifx-tip{
  position:absolute;min-width:128px;padding:10px 13px;border-radius:6px;
  background:var(--ifx-ink);color:#fff;font-size:13px;line-height:1.5;
  pointer-events:none;opacity:0;transform:translate(-50%,6px);
  transition:opacity .18s ease,transform .18s ease;z-index:3;
  box-shadow:0 8px 22px rgba(29,31,33,.22);
}
.ifx-tip.ifx-tip-on{opacity:1;transform:translate(-50%,0)}
.ifx-tip strong{display:block;font-family:var(--ifx-disp);font-size:15px;letter-spacing:.02em}
.ifx-tip .ifx-tip-red{color:#FF8AA0;font-weight:600}

/* --------------------------------------------------------------------------
   04 Programs - 122-dot waffle grid + staggered bars
   -------------------------------------------------------------------------- */
.ifx-programs{padding:90px 0;background:var(--ifx-paper);border-top:1px solid var(--ifx-hair);border-bottom:1px solid var(--ifx-hair)}
.ifx-prog-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:54px;align-items:center}
@media (max-width:920px){.ifx-prog-layout{grid-template-columns:1fr;gap:44px}}
.ifx-dots{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:9px;
  padding:26px;background:#fff;border:1px solid var(--ifx-hair);border-radius:8px;
}
.ifx-dot{
  width:100%;aspect-ratio:1/1;border-radius:50%;
  background:var(--ifx-c,var(--ifx-silver));
}
.ifx-dot.p-bss{--ifx-c:var(--ifx-red)}
.ifx-dot.p-sn{--ifx-c:var(--ifx-anth)}
.ifx-dot.p-bsw{--ifx-c:var(--ifx-red-tint)}
.ifx-dot.p-ex{--ifx-c:#A7A9AC}
.ifx-dot.p-none{--ifx-c:#fff;box-shadow:inset 0 0 0 2px var(--ifx-silver)}
.ifx-bars{display:flex;flex-direction:column;gap:22px}
.ifx-bar-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:8px}
.ifx-bar-name{font-size:15px;font-weight:600;color:var(--ifx-ink)}
.ifx-bar-n{font-family:var(--ifx-disp);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;color:var(--ifx-ink);white-space:nowrap}
.ifx-bar-n em{font-style:normal;font-family:var(--ifx-body);font-weight:500;font-size:12.5px;color:var(--ifx-gray);margin-left:7px}
.ifx-bar-track{height:12px;background:#EDEEEF;border-radius:999px;overflow:hidden}
.ifx-bar-track i{display:block;height:100%;border-radius:999px;width:var(--ifx-w);background:var(--ifx-anth)}
.ifx-bar-track i.p-bss{background:var(--ifx-red)}
.ifx-bar-track i.p-sn{background:var(--ifx-anth)}
.ifx-bar-track i.p-bsw{background:var(--ifx-red-tint)}
.ifx-bar-track i.p-ex{background:#A7A9AC}
.ifx-bars-note{font-size:12.5px;color:var(--ifx-gray);margin:2px 0 0}

/* --------------------------------------------------------------------------
   05 Sectors - chip wall with badges and red hover fill
   -------------------------------------------------------------------------- */
.ifx-sectors{padding:90px 0;background:#fff}
.ifx-chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;max-width:980px}
.ifx-chip{
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 8px 11px 18px;border:1px solid var(--ifx-silver);border-radius:999px;
  font-size:15px;font-weight:600;color:var(--ifx-anth);background:#fff;
  transition:background .25s var(--ifx-ease),color .25s var(--ifx-ease),
    border-color .25s var(--ifx-ease),transform .25s var(--ifx-ease),
    box-shadow .25s var(--ifx-ease);
  cursor:default;
}
.ifx-chip-b{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:30px;height:30px;padding:0 8px;border-radius:999px;
  background:var(--ifx-paper);border:1px solid var(--ifx-hair);
  font-family:var(--ifx-disp);font-weight:800;font-size:13.5px;
  color:var(--ifx-ink);font-variant-numeric:tabular-nums;
  transition:background .25s var(--ifx-ease),color .25s var(--ifx-ease),border-color .25s var(--ifx-ease);
}
.ifx-chip:hover{
  background:var(--ifx-red);border-color:var(--ifx-red);color:#fff;
  transform:translateY(-3px) rotate(-1deg);
  box-shadow:0 10px 24px rgba(213,12,47,.28);
}
.ifx-chip:hover .ifx-chip-b{background:#fff;border-color:#fff;color:var(--ifx-red)}

/* --------------------------------------------------------------------------
   06 Data room - wpDataTable stage + chart cards
   -------------------------------------------------------------------------- */
.ifx-data{padding:90px 0 100px;background:var(--ifx-paper);border-top:1px solid var(--ifx-hair)}
.ifx-sticky{
  position:sticky;top:82px;z-index:6;background:var(--ifx-paper);
  padding:14px 0 10px;margin-top:-14px;border-bottom:1px solid var(--ifx-hair);
}
.ifx-stage{
  background:#fff;border:1px solid var(--ifx-hair);border-radius:8px;
  padding:28px 26px 20px;box-shadow:0 14px 38px rgba(29,31,33,.06);
}
@media (max-width:700px){.ifx-stage{padding:16px 12px 12px}}

/* table restyle, scoped to the stage so nothing leaks */
.ifx-stage .wpdt-c{font-family:var(--ifx-body)!important}
.ifx-stage table.wpDataTable{border-collapse:collapse!important}
.ifx-stage table.wpDataTable thead th{
  background:#fff!important;color:var(--ifx-gray)!important;
  font-size:12px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.1em!important;
  border-bottom:2px solid var(--ifx-ink)!important;
}
.ifx-stage table.wpDataTable tbody td{
  font-size:14.5px!important;color:var(--ifx-ink)!important;
  border-color:var(--ifx-hair)!important;
  transition:background .15s ease;
}
.ifx-stage table.wpDataTable tbody tr{transition:box-shadow .15s ease}
.ifx-stage table.wpDataTable tbody tr:hover td{background:#FBF3F4!important}
.ifx-stage table.wpDataTable tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--ifx-red)}
.ifx-stage .wpdt-c .dataTables_filter input{
  border:1px solid var(--ifx-silver)!important;border-radius:6px!important;
}
.ifx-stage .wpdt-c .dataTables_filter input:focus{
  border-color:var(--ifx-red)!important;
  box-shadow:0 0 0 3px rgba(213,12,47,.14)!important;outline:none!important;
}
.ifx-stage .wpdt-c .paginate_button.current,
.ifx-stage .wpdt-c .paginate_button.current:hover{
  background:var(--ifx-red)!important;border-color:var(--ifx-red)!important;color:#fff!important;
}

.ifx-chart-duo{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px}
@media (max-width:920px){.ifx-chart-duo{grid-template-columns:1fr}}
.ifx-card{
  margin:0;background:#fff;border:1px solid var(--ifx-hair);border-radius:8px;
  padding:24px 24px 18px;box-shadow:0 14px 38px rgba(29,31,33,.06);
  transition:transform .3s var(--ifx-ease),box-shadow .3s var(--ifx-ease);
}
.ifx-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(29,31,33,.1)}
.ifx-card figcaption{margin-bottom:16px}
.ifx-card-k{
  display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ifx-red);margin-bottom:4px;
}
.ifx-card-t{display:block;font-family:var(--ifx-disp);font-weight:700;font-size:19px;color:var(--ifx-ink)}
.ifx-foot{font-size:12.5px;color:var(--ifx-gray);margin:30px 0 0;max-width:640px}

/* hide wpDataTables own chart titles inside cards, the card caption replaces them */
.ifx-card-body .wpDataChartTitle{display:none}

/* ==========================================================================
   MOTION LAYER
   All initial hidden states live ONLY inside this media query AND require
   html.ifx-js, so no-JS users and reduced-motion users always see content.
   ========================================================================== */
@media (prefers-reduced-motion: no-preference){

  html.ifx-js .ifx-rv{
    opacity:0;transform:translateY(26px);
    transition:opacity .75s var(--ifx-ease),transform .75s var(--ifx-ease);
    transition-delay:calc(var(--ifx-d,0)*90ms);
  }
  html.ifx-js .ifx-rv.ifx-in{opacity:1;transform:none}

  /* kinetic headline words (spans exist only after JS split) */
  html.ifx-js .ifx-display .ifx-wi{
    transform:translateY(112%);
    transition:transform .85s var(--ifx-ease);
    transition-delay:calc(var(--ifx-wd,0)*1ms);
  }
  html.ifx-js .ifx-display.ifx-in .ifx-wi{transform:none}

  /* scroll cue pulse */
  html.ifx-js .ifx-cueline::after{
    content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;
    background:var(--ifx-red);animation:ifxCue 2.2s var(--ifx-ease) infinite;
  }
  @keyframes ifxCue{0%{transform:translateY(0)}55%{transform:translateY(200%)}100%{transform:translateY(200%)}}

  /* growth line draws itself (dash values set by JS) */
  html.ifx-js .ifx-gline.ifx-armed{transition:stroke-dashoffset 1.7s var(--ifx-ease)}
  html.ifx-js .ifx-garea{opacity:0;transition:opacity .9s ease 1.1s}
  html.ifx-js .ifx-growth-stage.ifx-drawn .ifx-garea{opacity:1}
  html.ifx-js .ifx-gpt{opacity:0;transition:opacity .4s ease;transition-delay:calc(var(--ifx-pd,0)*1ms)}
  html.ifx-js .ifx-growth-stage.ifx-drawn .ifx-gpt{opacity:1}

  /* dot waffle: desaturated until the color wave hits */
  html.ifx-js .ifx-dots.ifx-arm .ifx-dot{
    background:#E7E8E9;box-shadow:none;transform:scale(.55);
    transition:background .45s ease,transform .55s var(--ifx-ease);
  }
  html.ifx-js .ifx-dots.ifx-arm .ifx-dot.ifx-on{
    background:var(--ifx-c,var(--ifx-silver));transform:scale(1);
  }
  html.ifx-js .ifx-dots.ifx-arm .ifx-dot.p-none.ifx-on{
    background:#fff;box-shadow:inset 0 0 0 2px var(--ifx-silver);
  }

  /* program bars grow from zero */
  html.ifx-js .ifx-bar .ifx-bar-track i{
    width:0;transition:width 1.15s var(--ifx-ease);
    transition-delay:calc(var(--ifx-d,0)*120ms);
  }
  html.ifx-js .ifx-bar.ifx-in .ifx-bar-track i{width:var(--ifx-w)}

  /* chips pop with a slight settle */
  html.ifx-js .ifx-chip.ifx-rv{
    transform:translateY(18px) scale(.92);
    transition-delay:calc(var(--ifx-d,0)*55ms);
  }
  html.ifx-js .ifx-chip.ifx-rv.ifx-in{transform:none}
}

/* ==========================================================================
   REDUCED MOTION: collapse everything to static, final states
   ========================================================================== */
@media (prefers-reduced-motion: reduce){
  .ifx *,.ifx *::before,.ifx *::after,
  .ifx-progress,.ifx-net{
    animation:none!important;
    transition:none!important;
  }
  .ifx-progress{display:none}
  .ifx-net{display:none}
  .ifx-chip:hover{transform:none}
  .ifx-card:hover{transform:none}
}

/* ==========================================================================
   EDITORIAL INTERLUDES (ifx-prose)
   Explanatory text blocks between the data sections. Added 2026-06-09.
   Reveal uses the existing .ifx-rv mechanism, no JS changes required.
   ASCII-only comments (WP-Rocket minifier safety).
   ========================================================================== */
.ifx-prose-sec{padding:84px 0;background:#fff}
.ifx-prose-sec.ifx-prose-end{padding:76px 0 110px}
.ifx-prose{max-width:640px}
.ifx-prose .ifx-prose-kicker{
  display:flex;align-items:center;gap:10px;
  font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ifx-gray);margin:0 0 16px;
}
.ifx-prose .ifx-prose-kicker::before{content:"";display:inline-block;width:22px;height:2px;background:var(--ifx-red)}
.ifx-prose .ifx-prose-h{
  font-family:var(--ifx-disp);font-weight:800;
  font-size:clamp(24px,3vw,32px);line-height:1.12;letter-spacing:-.01em;
  color:var(--ifx-ink);margin:0 0 20px;
}
.ifx-prose p{font-size:18.5px;line-height:1.6;color:var(--ifx-anth);margin:0 0 18px}
.ifx-prose p:last-child{margin-bottom:0}
.ifx-prose a{
  color:var(--ifx-red);text-decoration:none;font-weight:600;
  border-bottom:1.5px solid rgba(213,12,47,.35);
  transition:border-color .2s ease;
}
.ifx-prose a:hover{border-bottom-color:var(--ifx-red)}
@media (max-width:700px){
  .ifx-prose-sec{padding:64px 0}
  .ifx-prose p{font-size:17px}
}

/* highlight 1: drop cap on the opening paragraph */
.ifx-prose-drop::first-letter{
  font-family:var(--ifx-disp);font-weight:900;
  font-size:3.3em;line-height:.82;float:left;
  color:var(--ifx-red);padding:7px 12px 0 0;
}

/* highlight 2: key figure with red underline */
.ifx-prose-key{
  font-family:var(--ifx-disp);font-weight:800;color:var(--ifx-ink);
  white-space:nowrap;padding-bottom:1px;
  box-shadow:inset 0 -2px 0 var(--ifx-red);
}

/* highlight 3: red pull quote */
.ifx-prose .ifx-prose-pull{
  margin:26px 0 0;padding:4px 0 4px 22px;
  border-left:3px solid var(--ifx-red);
  font-family:var(--ifx-disp);font-weight:700;
  font-size:21px;line-height:1.4;color:var(--ifx-ink);
}
@media (max-width:700px){.ifx-prose .ifx-prose-pull{font-size:19px}}

/* §03 — 7-Programm-Palette (Punkte + Balken), 2026-06-15 */
.ifx-dot.p-bss{--ifx-c:var(--ifx-red)}
.ifx-dot.p-sun{--ifx-c:var(--ifx-anth)}
.ifx-dot.p-exw{--ifx-c:#7F77DD}
.ifx-dot.p-bsw{--ifx-c:var(--ifx-red-tint)}
.ifx-dot.p-react{--ifx-c:#1D9E75}
.ifx-dot.p-ex{--ifx-c:#E8943A}
.ifx-dot.p-fem{--ifx-c:#D4537E}
.ifx-bar-track i.p-bss{background:var(--ifx-red)}
.ifx-bar-track i.p-sun{background:var(--ifx-anth)}
.ifx-bar-track i.p-exw{background:#7F77DD}
.ifx-bar-track i.p-bsw{background:var(--ifx-red-tint)}
.ifx-bar-track i.p-react{background:#1D9E75}
.ifx-bar-track i.p-ex{background:#E8943A}
.ifx-bar-track i.p-fem{background:#D4537E}
/* §04 — Branchen-Chips als Links (neuer Tab) */
a.ifx-chip{text-decoration:none;cursor:pointer}
.ifx-dot.p-proto{--ifx-c:#3FA7C4}
.ifx-bar-track i.p-proto{background:#3FA7C4}
/* Portfolio×Impact-Merge: 3-Reihen-Cap (Seite 11) */
.su-card.cap-hide{display:none !important}
/* Portfolio-Grid: leere Zellen weiß füllen (statt Hairline-Grau) */
.su-fill{background:#fff}

/* Impact-Sektions-Auftakt (Übergang Portfolio→Impact) + Klick-Hinweis — 2026-06-15 */
.ifx-impact-open{padding:40px 0 4px}.ifx-open-k{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#D50C2F;font-weight:700;margin:0 0 14px}.ifx-open-no{font-family:'Archivo','Archivo Black',sans-serif;font-size:13px;background:#D50C2F;color:#fff;border-radius:6px;padding:3px 8px;letter-spacing:.04em;line-height:1.25}.ifx-open-h{font-family:'Archivo','Archivo Black',sans-serif;font-size:clamp(27px,3.6vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px;color:#1d1d1f;max-width:720px}.ifx-open-lead{font-size:clamp(15px,1.6vw,17px);color:#6b6f73;max-width:660px;margin:0}.ifx-open-lead em{font-style:italic;color:#3a3d40}.ifx-clickhint{color:#D50C2F;font-weight:600}
.ifx-open-mark{width:13px;height:13px;background:#D50C2F;border-radius:4px;display:inline-block;flex:0 0 auto}