/* Final polish layer. Loaded after legacy override assets so cached browsers still receive layout fixes. */
.md-typeset .docs-hero {
  min-height: 360px;
  border: 1px solid var(--qd-border);
  background: linear-gradient(180deg, var(--qd-surface), var(--qd-surface-muted)) !important;
  box-shadow: 0 1px 2px rgba(16, 20, 24, 0.04);
  color: var(--qd-text);
}

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

.md-typeset .docs-hero h1 {
  color: var(--qd-text);
  font-size: clamp(1.9rem, 3.8vw, 3.35rem);
  line-height: 1.08;
}

.md-typeset .docs-hero__lead {
  color: var(--qd-text-muted);
  font-size: 0.9rem;
}

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

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

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

.md-typeset .docs-hero__metrics div {
  border-color: var(--qd-border);
  background: var(--qd-surface);
}

.md-typeset .docs-hero__metrics strong {
  color: var(--qd-text);
}

.md-typeset .docs-hero__metrics span {
  color: var(--qd-text-muted);
}

.md-content > .breadcrumbs {
  display: none;
}

.md-typeset .endpoint {
  min-width: 0;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.md-typeset li.curl-command-item {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0.7rem 0 0.95rem;
  list-style: none;
}

.md-typeset li.curl-command-item::marker {
  content: "";
}

.md-typeset .curl-example {
  display: grid;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 0.48rem;
  padding: 0.62rem;
  border: 1px solid var(--qd-border);
  border-radius: var(--qd-radius);
  background: var(--qd-surface);
  overflow: hidden;
}

.md-typeset .curl-endpoint-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  width: 100%;
  min-width: 0;
  gap: 0.5rem;
  align-items: center;
  margin: 0;
}

.md-typeset .curl-endpoint-row .btn {
  min-width: 3.45rem;
  height: 1.48rem;
  padding: 0 0.46rem;
  border-radius: 6px;
  font-size: 0.54rem;
}

.md-typeset .curl-endpoint-row .endpoint {
  min-width: 0;
  font-size: 0.68rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.curl-copy-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-self: end;
  min-width: 0;
}

.curl-copy-button {
  min-height: 1.48rem;
  padding: 0 0.52rem;
  border: 1px solid var(--qd-border);
  border-radius: 6px;
  background: var(--qd-surface);
  color: var(--qd-text);
  cursor: pointer;
  font: 760 0.56rem/1 var(--qd-sans);
  white-space: nowrap;
}

.curl-copy-button:hover,
.curl-copy-button:focus-visible {
  border-color: var(--md-accent-fg-color);
  background: var(--md-accent-fg-color--transparent);
  color: var(--md-accent-fg-color);
  outline: 0;
}

.md-typeset .curl-code-block {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 !important;
  overflow-x: auto;
}

.md-typeset .curl-code-block pre {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow-x: auto;
}

.md-typeset .curl-code-block code {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 0.64rem;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  word-break: break-word;
}

.md-typeset .curl-code-block .md-clipboard {
  display: none;
}

.copy-icon-container {
  flex: 0 0 auto;
}

.md-typeset .toggle-icon {
  justify-self: end;
}

@media screen and (max-width: 59.9375em) {
  .md-typeset .description {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: left;
  }

  .md-typeset .toggle-icon {
    grid-column: 3;
    grid-row: 1;
  }
}