/* A single measured reading surface; decorative transitions never own focus. */
.solution-panel.solutions-motion-ready {
  position: relative;
  box-sizing: border-box;
  block-size: var(--solutions-panel-height);
  min-block-size: var(--solutions-panel-height);
}
.solution-panel[lang="en"] { font-family: Arial, sans-serif; direction: ltr; }
.solution-panel[lang="ar"] { font-family: Tahoma, "Segoe UI", Arial, sans-serif; direction: rtl; }
html .solution-panel[lang="en"] h3 { line-height: 1.2; letter-spacing: -.035em; }
html .solution-panel[lang="en"] .eyebrow { letter-spacing: .12em; }
html .solution-panel[lang="en"] .detail-label { letter-spacing: .05em; }
html .solution-panel[lang="ar"] h3 { line-height: 1.5; letter-spacing: 0; }
html .solution-panel[lang="ar"] .eyebrow,
html .solution-panel[lang="ar"] .detail-label { letter-spacing: 0; }
.solution-state-graphic { width: 100%; pointer-events: none; }
.solution-state-graphic svg { display: block; width: 100%; height: auto; max-height: 116px; }
.solution-state-graphic .solution-ink { fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.solution-state-graphic .solution-soft { fill: currentColor; opacity: .08; stroke: currentColor; stroke-width: 1; }
.solution-state-graphic .solution-dot { fill: currentColor; stroke: none; }
.solution-state-graphic .solution-muted { opacity: .36; }
.solution-panel .solutions-outgoing {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: inherit;
  margin: 0;
  box-sizing: border-box;
  background: transparent;
  clip-path: none;
  pointer-events: none;
  user-select: none;
  z-index: 1;
}
.solutions-motion-part { position: relative; }
.solution-panel[data-solution-motion="transition"] > .solutions-motion-part { will-change: transform, opacity; }
.solution-panel .solutions-outgoing .solutions-motion-part { will-change: transform, opacity; }
.solutions-constant-slot { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .solution-panel .solutions-outgoing { display: none !important; }
  .solution-panel > .solutions-motion-part { transform: none !important; opacity: 1 !important; }
}