:root {
  --md-primary-fg-color: #0f766e;
  --md-accent-fg-color: #f59e0b;
}

.hero {
  padding: 2.2rem 2.4rem;
  margin: 0 0 2rem;
  border: 1px solid color-mix(in srgb, var(--md-primary-fg-color) 42%, transparent);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 92% 12%, rgba(245, 158, 11, 0.18), transparent 24rem),
    linear-gradient(135deg, rgba(15, 118, 110, 0.18), transparent 68%);
}

.hero > p:first-child {
  max-width: 48rem;
  font-size: 1.08rem;
  line-height: 1.65;
}

.md-typeset table:not([class]) {
  border-radius: 0.5rem;
  overflow: hidden;
}

.md-typeset img {
  border-radius: 0.65rem;
  box-shadow: 0 0.4rem 1.5rem rgba(15, 23, 42, 0.18);
}