:root {
  --eddi-accent: #00a98f;
  --eddi-accent-strong: #087f74;
  --eddi-ink: #1f2933;
  --eddi-muted: #5b6673;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 750;
}

.md-typeset .hero {
  border-left: 4px solid var(--eddi-accent);
  margin: 0 0 1.5rem;
  padding: 0.2rem 0 0.1rem 1rem;
}

.md-typeset .hero p {
  max-width: 46rem;
}

.md-typeset .md-button {
  border-radius: 0.35rem;
}

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

.md-typeset table:not([class]) th {
  background: color-mix(in srgb, var(--eddi-accent) 12%, transparent);
}

.ai-links-panel {
  border-top: 1px solid var(--md-default-fg-color--lightest);
  margin: 1.25rem 0.6rem 0;
  padding: 1.1rem 0 0.3rem;
}

.ai-links-panel__title {
  color: var(--md-default-fg-color);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 0.65rem;
  text-transform: uppercase;
}

.ai-links-panel__list {
  display: grid;
  gap: 0.48rem;
  margin: 0;
  padding: 0;
}

.ai-links-panel__item {
  align-items: center;
  color: var(--md-default-fg-color--light);
  display: flex;
  font-size: 0.72rem;
  gap: 0.45rem;
  text-decoration: none;
}

.ai-links-panel__item:hover {
  color: var(--eddi-accent-strong);
}

.ai-links-panel__mark {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  height: 1.1rem;
  justify-content: center;
  width: 1.1rem;
}

.ai-links-panel__external {
  font-size: 0.65rem;
  opacity: 0.72;
}

.ai-fab {
  align-items: center;
  background: #d7ff00;
  border-radius: 999px;
  bottom: 1.25rem;
  box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, 0.16);
  color: #111827;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  gap: 0.45rem;
  padding: 0.72rem 0.92rem;
  position: fixed;
  right: 1rem;
  text-decoration: none;
  z-index: 5;
}

.ai-fab:hover {
  color: #111827;
  transform: translateY(-1px);
}

.ai-fab__dot {
  background: linear-gradient(135deg, #0078ff 0%, #102a83 68%);
  border-radius: 999px;
  display: inline-block;
  height: 0.85rem;
  position: relative;
  width: 0.85rem;
}

.ai-fab__dot::before {
  background: #d7ff00;
  border-radius: 999px;
  content: "";
  height: 0.42rem;
  left: -0.16rem;
  position: absolute;
  top: 0.17rem;
  width: 0.42rem;
}

[data-md-color-scheme="slate"] {
  --eddi-accent: #2dd4bf;
  --eddi-accent-strong: #5eead4;
}

[data-md-color-scheme="slate"] .ai-fab {
  box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.38);
}

@media screen and (max-width: 76.1875em) {
  .ai-links-panel {
    display: none;
  }
}

@media screen and (max-width: 42em) {
  .ai-fab {
    bottom: 0.85rem;
    right: 0.75rem;
  }
}