:root {
  --md-primary-fg-color: #111111;
  --md-accent-fg-color: #0066cc;
}

.copy-wechat {
  display: inline-flex;
  align-items: center;
  border: 0;
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  color: var(--md-primary-fg-color);
  background: color-mix(in srgb, var(--md-primary-fg-color) 10%, transparent);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.copy-wechat:hover,
.copy-wechat:focus {
  background: color-mix(in srgb, var(--md-primary-fg-color) 16%, transparent);
  outline: none;
}

.copy-wechat.is-copied {
  color: var(--md-accent-fg-color);
}

.md-typeset h1,
.md-typeset h2 {
  letter-spacing: 0;
}

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

.md-typeset .grid.cards > ul > li {
  border-radius: 8px;
}

.guide-screenshot {
  display: block;
  width: 100%;
  max-width: 56rem;
  margin: 1rem 0;
  border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 12%, transparent);
  border-radius: 8px;
}