.docs-content h3 {
  font: 700 19px Manrope;
  margin: 30px 0 8px;
}

.warning-box {
  border-left: 4px solid #dd9c22;
  background: #fff6dc;
  padding: 19px 22px;
  margin-top: 22px;
}

.warning-box p { margin: 5px 0; }

.endpoint-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0;
}

.endpoint-meta span {
  border: 1px solid var(--line);
  background: #fff;
  padding: 7px 10px;
  font-size: 11px;
  border-radius: 4px;
}

.response-example {
  border: 1px solid #d8d4c9;
  background: #fff;
  margin: 16px 0;
  border-radius: 7px;
  overflow: hidden;
}

.response-example > b {
  display: block;
  background: #ebe8df;
  padding: 9px 14px;
  font-size: 11px;
}

.response-example pre {
  padding: 18px;
  margin: 0;
  overflow: auto;
  font-size: 12px;
  line-height: 1.65;
}

.next-step {
  border-left: 3px solid var(--lime);
  padding: 9px 14px;
  background: #fff;
  font-size: 13px;
}

.event-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.event-list code {
  background: #e9e5dc;
  border: 1px solid #d5d0c5;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 10px;
}

@media (max-width: 600px) {
  .endpoint-meta { display: grid; }
  .docs-content table { display: block; overflow-x: auto; white-space: nowrap; }
}