/* DegenZ Network — docs overrides */

.docs-hero {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.docs-hero h1 {
  font-family: var(--font);
  font-weight: 700;
}

.docs-hero h1 span {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--brand);
  -webkit-text-fill-color: var(--brand);
}

.docs-pill:hover {
  border-color: var(--brand);
  color: var(--brand);
}

.docs-sidebar a.active,
.docs-sidebar a:hover {
  color: var(--brand);
  border-left-color: var(--brand);
}

.docs-section-label {
  color: var(--brand);
}

.docs-content h2 {
  font-family: var(--font);
}

.trust-card {
  border-radius: 4px;
  background: var(--card);
}

.docs-callout.info {
  border-color: rgba(240, 185, 11, 0.35);
  background: rgba(240, 185, 11, 0.06);
}

.docs-callout.success {
  border-color: rgba(14, 203, 129, 0.35);
  background: rgba(14, 203, 129, 0.06);
}

.docs-callout.warn {
  border-radius: 4px;
}

.contract-tab.active {
  border-color: var(--brand);
  color: var(--brand);
}

.docs-badge.live {
  background: rgba(14, 203, 129, 0.15);
  color: var(--buy);
}

.address-panel,
.code-panel {
  border-radius: 4px;
}

.docs-flow-step .num {
  background: var(--brand);
  color: #0b0e11;
}

.faq-item h3 {
  font-family: var(--font);
}