/* The key-insights carousel on the Fireworks UI kit. The page links this inside its
   internal-only fence, so the public build drops it along with the carousel.
   Shares its type roles with rebrand.css. */

.ki-section .ki-title {
  font-family: var(--fw-font-display) !important; font-weight: 400 !important;
  font-size: 26px !important; line-height: 1.2 !important; letter-spacing: 0 !important;
  font-variant-numeric: lining-nums !important;
}
.ki-section .ki-claim {
  font-family: var(--fw-font-display) !important; font-weight: 400 !important;
  font-size: 20px !important; line-height: 1.3 !important; letter-spacing: 0 !important;
  font-variant-numeric: lining-nums !important; color: var(--fw-text);
}
.ki-section .ki-body {
  color: var(--fw-text-soft) !important; font-weight: 400 !important; letter-spacing: 0 !important;
  font-size: 15px !important; line-height: 1.5 !important;
}
.ki-link { color: var(--fw-text) !important; text-decoration-color: color-mix(in srgb, var(--fw-text) 40%, transparent) !important; }
.ki-link:hover { color: var(--fw-accent) !important; text-decoration-color: var(--fw-accent) !important; }
.ki-tab {
  font-family: var(--fw-font-mono) !important; font-weight: 400 !important; font-size: 12px !important;
  line-height: 1 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important;
  color: var(--fw-text-soft) !important;
}
.ki-stat-value, .ki-provider-count, .ki-strength-count {
  font-family: var(--fw-font-mono) !important; letter-spacing: 0 !important; font-feature-settings: normal;
}
.ki-stat-value { font-weight: 400 !important; color: var(--fw-text) !important; }
/* The rule runs the card's full height beside the figure; stacked cards drop it. */
@media (min-width: 641px) {
  .ki-card > .ki-stat { align-self: stretch; justify-content: center; padding-right: 16px; border-right: 1px solid var(--fw-divider); }
}

.ki-arrow { border-radius: 50% !important; border-color: var(--fw-divider) !important; background: transparent !important; }
.ki-arrow:hover { border-color: var(--fw-text) !important; background: var(--fw-surface-01) !important; }
.ki-tabs { border-color: var(--fw-divider) !important; border-radius: var(--fw-radius-md) var(--fw-radius-md) 0 0; overflow: hidden; }
.ki-tab { background: var(--fw-surface-01) !important; border-color: var(--fw-divider) !important; }
.ki-tab:hover { background: var(--fw-surface) !important; color: var(--fw-text) !important; }
.ki-tab[aria-pressed="true"] { color: var(--fw-accent) !important; background: var(--fw-surface) !important; box-shadow: inset 0 -2px 0 var(--fw-accent) !important; }
.ki-viewport { border-color: var(--fw-divider) !important; background: var(--fw-surface) !important; border-radius: 0 0 var(--fw-radius-md) var(--fw-radius-md); }
.ki-cell, .ki-strength-cell { border-color: var(--fw-divider) !important; background: var(--fw-surface) !important; border-radius: var(--fw-radius-xs) !important; }
.ki-cell:hover, .ki-strength-cell:hover { border-color: var(--fw-text) !important; background: var(--fw-surface-01) !important; }
.ki-strength-cell.is-on { border-color: var(--fw-accent-bg) !important; background: var(--fw-accent-bg) !important; }
.ki-column { background: var(--fw-ash-02) !important; }
.ki-column.is-below { background: var(--fw-accent-bg) !important; }
.ki-column.is-lead { background: var(--fw-text) !important; }
.ki-column:hover { background: var(--fw-accent) !important; }
.ki-dot { border-color: var(--fw-ash-03) !important; }
.ki-dot.is-win { border-color: var(--fw-text) !important; background: var(--fw-text) !important; }
.ki-columns, .ki-dots { border-bottom-color: var(--fw-text) !important; }

@media (max-width: 640px) {
  .ki-section .ki-title { font-size: 22px !important; }
  .ki-section .ki-claim { font-size: 18px !important; }
}