:root {
  --vp-c-brand-1: #0f766e;
  --vp-c-brand-2: #0d9488;
  --vp-c-brand-3: #14b8a6;
  --vp-c-brand-soft: rgba(20, 184, 166, 0.14);
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(135deg, #0f766e, #2563eb);
  --vp-home-hero-image-background-image: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(37, 99, 235, 0.18));
  --vp-home-hero-image-filter: blur(52px);
}

.dark {
  --vp-c-brand-1: #5eead4;
  --vp-c-brand-2: #2dd4bf;
  --vp-c-brand-3: #14b8a6;
}

.VPDoc .content-container {
  max-width: 1080px;
}

.vp-doc h2 {
  margin-top: 34px;
}

.vp-doc table {
  display: table;
  width: 100%;
}

.vp-doc figure {
  margin: 20px 0 32px;
}

.vp-doc figure img {
  width: 100%;
  border: 1px solid var(--vp-c-divider);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
  background: var(--vp-c-bg-soft);
}

.vp-doc figcaption {
  margin-top: 8px;
  color: var(--vp-c-text-2);
  font-size: 13px;
  text-align: center;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin: 18px 0 28px;
}

.feature-card {
  padding: 16px;
  border: 1px solid var(--vp-c-divider);
  border-radius: 14px;
  background: var(--vp-c-bg-soft);
}

.feature-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--vp-c-text-1);
}

.feature-card span {
  color: var(--vp-c-text-2);
  font-size: 14px;
  line-height: 1.7;
}

.flow-list li {
  margin: 7px 0;
}