.partner-docs {
  max-width: 52rem;
  margin: 1rem auto 5rem;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.partner-docs h1 {
  font-size: clamp(2.1rem, 5vw, 3.2rem);
  line-height: 1.12;
  letter-spacing: -.045em;
}

.docs-lead {
  max-width: 65ch;
  margin: .8rem 0 2rem;
  color: #4e5c66;
  font-size: 1.08rem;
}

.doc-section {
  padding: clamp(1.1rem, 3vw, 1.9rem);
  margin: 1rem 0;
  overflow-wrap: anywhere;
}

.doc-section h2 {
  margin: 0 0 .65rem;
}

.doc-section pre {
  margin: .9rem 0;
  padding: .85rem 1rem;
  background: #edf1f3;
  border-radius: .65rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.doc-section code {
  font: .91rem/1.6 ui-monospace, Consolas, monospace;
}

.endpoint {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem .65rem;
  margin-bottom: .65rem;
}

.endpoint strong {
  color: #245f54;
  font: 700 .8rem/1.5 ui-monospace, Consolas, monospace;
}

.doc-section details {
  border-top: 1px solid var(--line);
  margin-top: 1rem;
  padding-top: .65rem;
}

.doc-section summary {
  width: fit-content;
  padding: .25rem 0;
  color: #245f54;
  cursor: pointer;
  font-weight: 600;
}

.status-list { margin: .7rem 0 0; }
.status-list div { padding: .5rem 0; }
.status-list div + div { border-top: 1px solid var(--line); }
.status-list dt { font-weight: 600; }
.status-list dd { margin: .1rem 0 0; color: #4e5c66; }

@media (max-width: 40rem) {
  .site-header { padding: 1rem; height: auto; flex-wrap: wrap; }
  .site-header-actions { flex-wrap: wrap; }
  .site-header-actions .text-button { padding-inline: .35rem; }
  .partner-docs { margin-top: 1.7rem; }
}