.article code {
  border-radius: 6px;
  background: #eef3fb;
  color: #18345f;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: .88em;
  padding: .14em .35em;
}
.code-block {
  overflow: auto;
  margin: 22px 0;
  padding: 24px;
  border: 1px solid #253451;
  border-radius: 17px;
  background: #071124;
  color: #dce8ff;
  box-shadow: 0 18px 44px rgba(7,17,36,.12);
}
.code-block code {
  display: block;
  min-width: max-content;
  padding: 0;
  background: none;
  color: inherit;
  font-size: 14px;
  line-height: 1.65;
}
.api-table { width: 100%; margin: 22px 0; border-collapse: collapse; }
.api-table th, .api-table td {
  padding: 14px;
  border-bottom: 1px solid #dfe7f3;
  text-align: start;
  vertical-align: top;
}
.api-table th { background: #f5f8ff; color: #071329; }
@media (max-width: 700px) {
  .code-block { margin-inline: -8px; padding: 18px; }
  .api-table { display: block; overflow-x: auto; }
}