.api-docs {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
}

.endpoint {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #d7def0; /* presstoCream.400 */
  border-radius: 4px;
}

.method {
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
}

.method.get {
  background-color: #e6ecff; /* presstoRed.100 */
}
.method.post {
  background-color: #fff4d6; /* presstoYellow.100 */
}
.method.put {
  background-color: #ffe6a8; /* presstoYellow.200 */
}
.method.delete {
  background-color: #cbd6ff; /* presstoRed.200 */
}

.error {
  color: red;
  padding: 10px;
  border: 1px solid red;
  border-radius: 4px;
}

.schema ul {
  margin-left: 20px;
  margin-top: 5px;
}

.schema li {
  margin-bottom: 10px;
}

/* Code block styling aligned to theme */
pre,
code {
  background-color: #e9eef9; /* presstoCream.200 */
  border: 1px solid #d7def0; /* presstoCream.400 */
  border-radius: 4px;
  padding: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  font-size: 14px;
}

pre {
  max-height: 400px;
  overflow-x: auto;
  overflow-y: auto;
  white-space: pre;
}

code {
  padding: 2px 4px;
}