/* Simplified home hero: no screenshot background, no visual noise. */
.md-typeset .docs-hero {
  min-height: 0 !important;
  padding: clamp(1.4rem, 3vw, 2.7rem) !important;
  border: 1px solid var(--qd-border) !important;
  border-radius: var(--qd-radius) !important;
  background: linear-gradient(180deg, var(--qd-surface), var(--qd-surface-muted)) !important;
  background-image: none !important;
  box-shadow: 0 1px 2px rgba(16, 20, 24, 0.04) !important;
  color: var(--qd-text) !important;
}

.md-typeset .docs-hero::after {
  display: none !important;
  content: none !important;
}

.md-typeset .docs-hero__content {
  max-width: 860px !important;
}

.md-typeset .docs-hero h1 {
  max-width: 860px !important;
  color: var(--qd-text) !important;
  font-size: clamp(1.85rem, 3.5vw, 3.15rem) !important;
  line-height: 1.1 !important;
}

.md-typeset .docs-hero__lead {
  max-width: 760px !important;
  color: var(--qd-text-muted) !important;
  font-size: 0.88rem !important;
}

.md-typeset .docs-button {
  border-color: var(--qd-border) !important;
  background: var(--qd-surface) !important;
  color: var(--qd-text) !important;
}

.md-typeset .docs-button:hover {
  border-color: var(--md-accent-fg-color) !important;
  background: var(--qd-surface-muted) !important;
  color: var(--qd-text) !important;
}

.md-typeset .docs-button--primary,
.md-typeset .docs-button--primary:hover {
  border-color: var(--md-accent-fg-color) !important;
  background: var(--md-accent-fg-color) !important;
  color: #06231f !important;
}

.md-typeset .docs-hero__shortcuts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 980px !important;
  gap: 0.75rem !important;
}

.md-typeset .docs-shortcut {
  display: flex !important;
  min-height: 7.25rem !important;
  flex-direction: column !important;
  gap: 0.42rem !important;
  padding: 0.85rem 0.9rem !important;
  border: 1px solid var(--qd-border) !important;
  border-radius: var(--qd-radius) !important;
  background: var(--qd-surface) !important;
  color: var(--qd-text) !important;
  text-decoration: none !important;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease !important;
}

.md-typeset .docs-shortcut:hover {
  border-color: var(--md-accent-fg-color) !important;
  background: var(--qd-surface-muted) !important;
  color: var(--qd-text) !important;
  transform: translateY(-1px) !important;
}

.md-typeset .docs-shortcut strong {
  color: var(--qd-text) !important;
  font-size: 0.86rem !important;
  line-height: 1.24 !important;
}

.md-typeset .docs-shortcut span:last-child {
  color: var(--qd-text-muted) !important;
  font-size: 0.66rem !important;
  line-height: 1.45 !important;
}

@media screen and (max-width: 38em) {
  .md-typeset .docs-hero {
    padding: 1.15rem !important;
  }

  .md-typeset .docs-hero__shortcuts {
    grid-template-columns: 1fr !important;
  }
}