/* Horizon-QA docs: neutral surfaces, readable buttons */

.md-typeset .grid.cards > ul > li {
  border-radius: 0.4rem;
}

.md-typeset h1 {
  font-weight: 600;
}

.md-typeset code {
  font-size: 0.85em;
}

/* Home hero: neutral panel so buttons keep Material contrast */
.horizon-hero {
  margin: 0 0 2rem;
  padding: 1.5rem 1.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  background-color: var(--md-code-bg-color);
}

.horizon-hero p:last-child {
  margin-bottom: 0;
}

.horizon-hero .md-button {
  margin: 0.35rem 0.5rem 0 0;
}

/* Secondary: accent outline. Do not use --md-primary-fg-color (white when header primary is white). */
.horizon-hero .md-button:not(.md-button--primary) {
  color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  background-color: transparent;
}

.horizon-hero .md-button:not(.md-button--primary):hover {
  color: var(--md-accent-bg-color);
  border-color: var(--md-accent-fg-color);
  background-color: var(--md-accent-fg-color);
}