:root {
  --md-primary-fg-color: #0f766e;
  --md-primary-fg-color--light: #14b8a6;
  --md-primary-fg-color--dark: #115e59;
  --md-accent-fg-color: #ca8a04;
}

.md-typeset h1 {
  letter-spacing: -0.03em;
  font-weight: 800;
}

.md-typeset h2,
.md-typeset h3 {
  letter-spacing: -0.02em;
}

.md-content .hero {
  padding: 1.5rem 1.75rem;
  border-radius: 1rem;
  margin: 1rem 0 1.5rem;
  color: #fff;
  background: linear-gradient(135deg, #0f766e 0%, #115e59 52%, #0f172a 100%);
  box-shadow: 0 18px 45px rgba(15, 118, 110, 0.24);
}

.md-content .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.9rem;
  margin: 1.25rem 0;
}

.md-content .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 1rem;
  padding: 1rem 1.1rem;
  background: var(--md-default-bg-color);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}

.md-content .card strong {
  display: block;
  margin-bottom: 0.4rem;
}