/* /tools/mail-tester/api — как /tools/email-countdown-timer/api */

body.mg-site--v2b .mg-mt-api a.mg2-textlink {
  color: var(--mg-blue-link, #0062ad);
}

body.mg-site--v2b .mg-mt-api a.mg2-textlink:hover {
  color: var(--mg-blue-hover, #2b8ed9);
}

.mg-mt-api__hint {
  margin-top: 0.75rem;
}

.mg-mt-api__curl {
  margin: 1.25rem 0 0;
  padding: 1rem 1.1rem;
  max-width: 48rem;
  overflow-x: auto;
  font-size: 13px;
  line-height: 1.45;
  color: #111827;
  background: #f3f4f6;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
}

.mg-mt-api__curl code {
  font-family: var(--mg-tool-mono, ui-monospace, monospace);
  white-space: pre;
}

.mg-mt-api__swagger-wrap {
  padding: 0 0 4rem;
  background: #f7f8fa;
}

.mg-mt-api__swagger-inner {
  max-width: 1120px;
}

.mg-mt-api__swagger {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.06);
}

.mg-mt-api__swagger .swagger-ui .topbar {
  display: none;
}

.mg-mt-api__swagger .swagger-ui .info {
  margin: 24px 0;
}

.mg-mt-api__swagger .swagger-ui .scheme-container {
  background: transparent;
  box-shadow: none;
  padding: 0 0 16px;
}

/* Swagger UI по умолчанию sans-serif; канон лендингов — RF Dewi 600/700. */
.mg-mt-api__swagger .swagger-ui,
.mg-mt-api__swagger .swagger-ui * {
  font-family: var(--mg-font, "Dewi", system-ui, sans-serif) !important;
  font-weight: 600;
}

.mg-mt-api__swagger .swagger-ui .info .title,
.mg-mt-api__swagger .swagger-ui h2,
.mg-mt-api__swagger .swagger-ui h3,
.mg-mt-api__swagger .swagger-ui h4,
.mg-mt-api__swagger .swagger-ui .opblock-tag {
  font-weight: 700 !important;
  letter-spacing: -0.03em;
}

.mg-mt-api__swagger .swagger-ui code,
.mg-mt-api__swagger .swagger-ui kbd,
.mg-mt-api__swagger .swagger-ui samp,
.mg-mt-api__swagger .swagger-ui pre,
.mg-mt-api__swagger .swagger-ui .microlight,
.mg-mt-api__swagger .swagger-ui .microlight * {
  font-family: var(--mg-tool-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
}

html[data-theme="dark"] .mg-mt-api__curl {
  color: var(--mg-text, #e5e7eb);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .mg-mt-api__swagger-wrap {
  background: transparent;
}

html[data-theme="dark"] .mg-mt-api__swagger {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}