.dt-article-content {
  color: #344054;
  font-size: 17px;
  line-height: 1.9;
  overflow-wrap: anywhere;
}

.dt-article-content p {
  margin: 0 0 1.15em;
}

.dt-article-content h2,
.dt-article-content h3,
.dt-article-content h4 {
  color: #101828;
  line-height: 1.35;
}

.dt-article-content h2 {
  margin: 2em 0 .75em;
  padding-bottom: .42em;
  border-bottom: 2px solid #d5ece9;
  font-size: 1.55em;
}

.dt-article-content h3 {
  margin: 1.65em 0 .65em;
  font-size: 1.25em;
}

.dt-article-content h4 {
  margin: 1.4em 0 .55em;
  font-size: 1.08em;
}

.dt-article-content strong,
.dt-article-content b {
  color: #172b4d;
  font-weight: 800;
}

.dt-article-content ul,
.dt-article-content ol {
  margin: 0 0 1.25em;
  padding-left: 1.6em;
}

.dt-article-content li {
  margin: .45em 0;
}

.dt-article-content blockquote {
  margin: 1.5em 0;
  padding: .9em 1.1em;
  border-left: 4px solid #0f766e;
  border-radius: 0 10px 10px 0;
  background: #f0fdfa;
  color: #344054;
}

.dt-article-content a {
  color: #175cd3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dt-article-content .dt-lead {
  margin: 0 0 1.5em;
  color: #344054;
  font-size: 1.08em;
  line-height: 1.85;
}

.dt-article-content .dt-highlight,
.dt-article-content .dt-info,
.dt-article-content .dt-warning,
.dt-article-content .dt-summary,
.dt-article-content .dt-note {
  margin: 1.5em 0;
  padding: 1em 1.15em;
  border: 1px solid transparent;
  border-radius: 12px;
}

.dt-article-content .dt-highlight {
  border-color: #99e6dc;
  background: #f0fdfa;
}

.dt-article-content .dt-info {
  border-color: #b2ddff;
  background: #eff8ff;
}

.dt-article-content .dt-warning {
  border-color: #fedf89;
  background: #fffaeb;
  color: #7a2e0e;
}

.dt-article-content .dt-summary {
  border-color: #d0d5dd;
  background: #f8fafc;
}

.dt-article-content .dt-note {
  border-color: #d9d6fe;
  background: #f4f3ff;
}

.dt-article-content .dt-number {
  color: #b54708;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dt-article-content .dt-checklist {
  padding: 1em 1.1em;
  border: 1px solid #abefc6;
  border-radius: 12px;
  background: #ecfdf3;
  list-style: none;
}

.dt-article-content .dt-checklist li {
  position: relative;
  padding-left: 1.6em;
}

.dt-article-content .dt-checklist li::before {
  position: absolute;
  left: 0;
  color: #067647;
  content: "✓";
  font-weight: 900;
}

.dt-article-content hr {
  margin: 2em 0;
  border: 0;
  border-top: 1px solid #d0d5dd;
}

.dt-article-content .dt-inline-image {
  max-width: 100%;
  margin: 1.75em 0;
}

.dt-article-content .dt-inline-image-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  object-fit: contain;
}

.dt-article-content .dt-inline-image-caption {
  margin-top: .55em;
  color: #667085;
  font-size: .82em;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .dt-article-content {
    font-size: 16px;
    line-height: 1.82;
  }

  .dt-article-content h2 {
    margin-top: 1.7em;
    font-size: 1.4em;
  }

  .dt-article-content h3 {
    font-size: 1.18em;
  }

  .dt-article-content .dt-highlight,
  .dt-article-content .dt-info,
  .dt-article-content .dt-warning,
  .dt-article-content .dt-summary,
  .dt-article-content .dt-note,
  .dt-article-content .dt-checklist {
    padding: .9em 1em;
  }
}
