.docs-alert {
  margin: 1.35rem 0 1.8rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--docs-border);
  border-radius: 8px;
  background: var(--docs-surface-soft);
}

.docs-alert strong {
  display: block;
  margin-bottom: .45rem;
}

.docs-alert ul {
  margin: .35rem 0 0;
  padding-left: 1.35rem;
}

.docs-alert li + li {
  margin-top: .32rem;
}

.docs-alert--danger {
  border-color: color-mix(in srgb, #dc2626 38%, var(--docs-border));
  background: color-mix(in srgb, #dc2626 8%, var(--docs-surface));
}

.docs-alert--info {
  border-color: color-mix(in srgb, #0891b2 34%, var(--docs-border));
  background: color-mix(in srgb, #0891b2 8%, var(--docs-surface));
}

.docs-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  margin: 1rem 0;
  -webkit-overflow-scrolling: touch;
}

.docs-table-wrap table {
  width: 100%;
  min-width: 640px;
  margin: 0;
}

.docs-table-wrap code {
  white-space: nowrap;
}

@media (max-width: 560px) {
  body.docs-layout .docs-article pre {
    max-width: calc(100vw - 2rem);
    overflow-x: auto;
  }

  .docs-alert {
    padding: .9rem;
  }

  .docs-table-wrap table {
    font-size: .92rem;
  }
}