.doc-nav {
  margin: 25px 0;
}
.doc-nav .index-title { font-weight: 700; margin-bottom: 12px; }
.doc-nav ol { display: grid; gap: 12px; margin: 0; padding-left: 24px; }
.doc-nav li { padding-left: 6px; line-height: 1.6; }
.doc-nav a { display: inline-block; padding: 4px 0; }
.doc-section { scroll-margin-top: 24px; }
.doc-section {
  margin: 24px 0;
  padding: 26px;
  background: #fff;
  border: 1px solid #ddddd5;
  border-radius: 6px;
}
.doc-section h2 {
  font-size: 23px;
  margin: 0 0 16px;
}
.doc-section li {
  margin: 12px 0;
  line-height: 1.7;
  font-size: 14px;
}
.doc-section a {
  color: #202020;
}
.doc-settings {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 16px;
  margin: 22px 0;
}
.doc-settings label {
  font-size: 13px;
}
.doc-settings input:not([type="checkbox"]) {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 12px;
  border: 1px solid #ccccc2;
  border-radius: 4px;
  font: inherit;
}
.doc-settings .toggle {
  display: flex;
  align-items: center;
  gap: 10px;
}
.doc-settings input[type="color"] {
  min-height: 44px;
  padding: 4px;
}
.doc-settings button {
  align-self: end;
  min-height: 44px;
}
.doc-section pre {
  font-size: 12px;
  line-height: 1.7;
}
.doc-section summary {
  cursor: pointer;
  padding: 10px 0;
}
#endpoint-list article {
  padding: 15px 0;
  border-bottom: 1px solid #ddddd5;
}
#endpoint-list h3 {
  font-size: 15px;
}
#preview-status {
  letter-spacing: 0;
  font-size: 13px;
}
code {
  overflow-wrap: anywhere;
}
@media (max-width: 650px) {
  .doc-section {
    padding: 16px;
  }
  .doc-settings {
    grid-template-columns: 1fr;
  }
  header nav {
    gap: 12px;
  }
  header nav a {
    font-size: 11px;
  }
}
 .access-request, .developer-reference { border: 1px solid #ccc; padding: 24px; margin: 28px 0; background: #fff; }
 .access-request { border-top: 5px solid #fae80b; }
 .access-request summary, .developer-reference summary { cursor: pointer; font-size: 1.2rem; font-weight: 700; }
 #access-request-form { max-width: 600px; display: grid; gap: 18px; margin-top: 24px; }
 #access-request-form label { display: grid; gap: 8px; font-weight: 600; }
 #access-request-form input { font: inherit; padding: 12px; border: 1px solid #888; border-radius: 4px; width: 100%; box-sizing: border-box; }
 #access-request-form button { padding: 14px 20px; background: #fae80b; color: #202020; font: inherit; font-weight: 700; cursor: pointer; border: 1px solid #202020; }
 #access-request-form button:disabled { opacity: .6; cursor: wait; }
 #access-request-form .request-trap { display: none; }
 .request-note { font-size: .9rem; }
 #access-request-status { overflow-wrap: anywhere; }