body {
  background: radial-gradient(1200px 600px at 10% 0%, rgba(13, 110, 253, .10), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(25, 135, 84, .10), transparent 55%),
              #f8f9fa;
}
.app-shell {
  min-height: 100vh;
}
.brand-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #198754;
  box-shadow: 0 0 0 .35rem rgba(25, 135, 84, .15);
  display: inline-block;
  vertical-align: middle;
  margin-right: .5rem;
}
code {
  background: rgba(13, 110, 253, .08);
  padding: .15rem .4rem;
  border-radius: .4rem;
}
code.endpoint-path {
  background: transparent;
  padding: 0;
  font-size: .95rem;
  word-break: break-all;
}
.example-pre {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: .6rem;
  padding: 1rem;
  font-size: .82rem;
  overflow-x: auto;
  margin: 0;
}
.example-pre code {
  background: transparent;
  color: inherit;
  padding: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.rest-endpoint-btn {
  text-align: left;
  border: 0;
  background: transparent;
  width: 100%;
}
.rest-endpoint-btn:hover,
.rest-endpoint-btn:focus-visible {
  background: rgba(13, 110, 253, .06);
}
.method-badge-get { background: #198754 !important; }
.method-badge-post { background: #0d6efd !important; }
.accordion-button:not(.collapsed) {
  background: rgba(13, 110, 253, .06);
  box-shadow: none;
}