/* Public website integration guide — landing layout companion styles */

.website-integration-guide-public .trade-card {
  --trade-card-radius: 12px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--trade-card-radius);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}

.website-integration-guide-public .trade-card > .card-header {
  background: #f8fafc;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  font-weight: 600;
  color: #0f172a;
  padding: 0.85rem 1.15rem;
}

.website-integration-guide-public .trade-card > .card-body {
  padding: 1.15rem 1.25rem;
}

.website-integration-guide-public .trade-embed-code {
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 220px;
  overflow: auto;
  margin-bottom: 0;
}

.website-integration-guide-public code {
  font-size: 0.875em;
}

.website-integration-guide-public .table {
  font-size: 0.9rem;
}