:root {
  --md-primary-fg-color: #1565c0;
  --md-primary-fg-color--light: #42a5f5;
  --md-primary-fg-color--dark: #0d47a1;
  --md-accent-fg-color: #0288d1;
}

.md-grid {
  max-width: 78rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  letter-spacing: 0;
}

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

.md-typeset .grid.cards > ul > li {
  border-radius: 6px;
}

.md-typeset code {
  word-break: break-word;
}

.md-typeset table:not([class]) {
  font-size: 0.75rem;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 4px;
}

.md-typeset .docs-hub-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 1rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 38%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--md-primary-fg-color) 8%, transparent);
  color: var(--md-primary-fg-color);
  font-weight: 600;
  text-decoration: none;
}

.md-typeset .docs-hub-link:hover,
.md-typeset .docs-hub-link:focus-visible {
  background: color-mix(in srgb, var(--md-primary-fg-color) 15%, transparent);
  color: var(--md-primary-fg-color--dark);
}