/* Fiyr Help Center hub — documentation landing layout */
.help-hero {
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(37, 99, 235, 0.12), transparent),
    linear-gradient(to bottom, #ffffff, #f8fafc);
}
.help-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(to bottom, black 40%, transparent);
  pointer-events: none;
}
.help-search:focus-within {
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2), 0 8px 24px rgba(15, 23, 42, 0.08);
}
.help-topic-card {
  transition: border-color 200ms ease, box-shadow 200ms ease, background-color 200ms ease;
}
.help-topic-card:hover {
  border-color: #bfdbfe;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.08);
  background-color: #fafbff;
}
.help-topic-card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.35);
}
.help-category-label {
  letter-spacing: 0.08em;
}
.help-no-results {
  display: none;
}
.help-no-results.is-visible {
  display: block;
}
.help-topic-card.is-hidden {
  display: none;
}
.help-category-group.is-hidden {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .help-topic-card {
    transition: none;
  }
}