:root {
  --wandr-ink: #15201d;
  --wandr-muted: #66736f;
  --wandr-surface: #f7faf8;
  --wandr-line: #dfe8e3;
  --wandr-accent: #f26b3a;
  --md-primary-fg-color: #0f766e;
  --md-primary-fg-color--light: #14b8a6;
  --md-primary-fg-color--dark: #115e59;
  --md-accent-fg-color: var(--wandr-accent);
}

body {
  background:
    radial-gradient(circle at 8% 0%, rgba(20, 184, 166, 0.12), transparent 26rem),
    linear-gradient(180deg, #fbfdfc 0%, var(--wandr-surface) 42rem, #ffffff 100%);
  color: var(--wandr-ink);
}

.md-header,
.md-tabs {
  background: rgba(15, 118, 110, 0.96);
}

.md-header__title {
  font-weight: 750;
  letter-spacing: 0;
}

.md-main__inner {
  margin-top: 1.4rem;
}

.md-content__inner {
  max-width: 46rem;
  padding-bottom: 4rem;
}

.md-content__inner > h1 {
  margin-bottom: 0.4rem;
  color: var(--wandr-ink);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.05;
}

.md-content__inner > h1 + p,
.md-content__inner > p:first-of-type {
  color: var(--wandr-muted);
  font-size: 1.02rem;
}

.md-typeset h2 {
  margin-top: 2.3rem;
  color: var(--wandr-ink);
  font-weight: 750;
  letter-spacing: 0;
}

.md-typeset h3 {
  color: #24433d;
  font-weight: 700;
}

.md-typeset p,
.md-typeset li {
  line-height: 1.75;
}

.md-typeset hr {
  border-bottom-color: var(--wandr-line);
  margin: 2rem 0;
}

.md-typeset a {
  color: #0f766e;
}

.md-typeset strong {
  color: #20342f;
}

.md-typeset blockquote {
  border-left: 0.22rem solid var(--wandr-accent);
  background: #fff7f3;
  color: #4b352c;
  padding: 0.8rem 1rem;
}

.md-typeset .grid.cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border: 1px solid var(--wandr-line);
  border-radius: 0.45rem;
  box-shadow: 0 0.8rem 2rem rgba(20, 32, 29, 0.06);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  border-color: rgba(15, 118, 110, 0.38);
  box-shadow: 0 1rem 2.4rem rgba(20, 32, 29, 0.1);
  transform: translateY(-2px);
}

.md-typeset .wandr-meta {
  display: inline-flex;
  gap: 0.45rem;
  align-items: center;
  margin: 0.8rem 0 1.4rem;
  padding: 0.35rem 0.65rem;
  border: 1px solid var(--wandr-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--wandr-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.md-typeset .wandr-lede {
  max-width: 38rem;
  margin-bottom: 2rem;
  color: var(--wandr-muted);
  font-size: 1.08rem;
}

.md-typeset .wandr-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.4rem 0 2.2rem;
}

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

.md-nav__title,
.md-nav__item .md-nav__link--active {
  color: #0f766e;
}

@media screen and (max-width: 76.1875em) {
  .md-content__inner {
    max-width: none;
  }
}