:root {
  --pc-accent: #7065f0;
  --pc-accent-soft: rgba(112, 101, 240, 0.12);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #4f46b8;
  --md-accent-fg-color: #6d5ee8;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #7167d9;
  --md-accent-fg-color: #a99df7;
}

.md-typeset h1 {
  font-weight: 750;
  letter-spacing: -0.025em;
}

.md-typeset h2 {
  font-weight: 700;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  padding-bottom: 0.32rem;
}

.md-typeset code {
  border-radius: 0.3rem;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 0.55rem;
}

.md-typeset table:not([class]) {
  display: table;
  width: 100%;
}

.hero {
  background:
    radial-gradient(circle at 85% 15%, rgba(150, 125, 255, 0.28), transparent 31%),
    linear-gradient(135deg, var(--pc-accent-soft), transparent 72%);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 1rem;
  padding: clamp(1.4rem, 3vw, 2.6rem);
  margin: 0 0 1.8rem;
}

.hero h1 {
  margin: 0 0 0.55rem;
}

.hero p {
  font-size: 1.05rem;
  max-width: 52rem;
}

.chapter-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: -0.25rem 0 1.25rem;
}

.chapter-meta span {
  background: var(--pc-accent-soft);
  border: 1px solid rgba(112, 101, 240, 0.24);
  border-radius: 999px;
  font-size: 0.72rem;
  padding: 0.22rem 0.58rem;
}

.source-card {
  border-left: 0.2rem solid var(--pc-accent);
  padding: 0.25rem 0 0.25rem 0.9rem;
  color: var(--md-default-fg-color--light);
}

.mermaid {
  text-align: center;
}