:root {
  --md-accent-fg-color: #ff5722;
  --md-typeset-a-color: #ff5722;
}
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #ff7a52;
  --md-accent-fg-color: #ff7a52;
}
/* keep the search input on the black header readable */
.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* integrations showcase grid */
.kz-logos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
  margin: 1rem 0 2rem;
}
.kz-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 18px 10px;
  min-height: 104px;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 12px;
  text-align: center;
  text-decoration: none !important;
  color: inherit;
  transition: border-color .15s, transform .15s;
}
.kz-logo:hover { border-color: #ff5722; transform: translateY(-2px); }
.kz-logo img { height: 30px; max-width: 88%; object-fit: contain; }
.kz-logo .ph {
  min-height: 30px;
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #9ca3af;
  font-size: .85rem;
}
.kz-logo .nm { font-weight: 600; font-size: .8rem; }
.kz-logo .st { font-size: .62rem; text-transform: uppercase; letter-spacing: .05em; }
.kz-logo .st.live { color: #ff5722; }
.kz-logo .st.soon { color: #9ca3af; }