.kkh-ai-article {
  --kkh-accent: #c05b8f;
  --kkh-accent-soft: #faeff5;
  --kkh-accent-deep: #7d2a50;
  color: inherit;
}

.kkh-ai-article .kkh-lead {
  font-size: 1.05em;
  line-height: 1.9;
}

.kkh-ai-article .kkh-heading-l2,
.kkh-ai-article h2.kkh-heading-l2 {
  background: var(--kkh-accent-soft);
  border-left: 6px solid var(--kkh-accent);
  padding: .85em 1em;
  margin: 2.2em 0 1em;
  border-radius: 12px;
  line-height: 1.5;
}

.kkh-ai-article .kkh-heading-l3,
.kkh-ai-article h3.kkh-heading-l3 {
  padding: 0 0 .45em .2em;
  margin: 1.8em 0 .8em;
  border-bottom: 2px solid var(--kkh-accent);
  line-height: 1.5;
}

.kkh-ai-article p,
.kkh-ai-article li {
  line-height: 1.9;
}

.kkh-ai-article a {
  color: var(--kkh-accent-deep);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.kkh-ai-article strong,
.kkh-ai-article b {
  background: linear-gradient(transparent 62%, rgba(192, 91, 143, .18) 0);
}

.kkh-ai-article .kkh-list {
  padding-left: 1.4em;
}

.kkh-ai-article .kkh-table-wrap {
  overflow-x: auto;
  margin: 1.3em 0 1.7em;
}

.kkh-ai-article .kkh-table {
  width: 100%;
  min-width: 540px;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e7d7df;
}

.kkh-ai-article .kkh-table th,
.kkh-ai-article .kkh-table td {
  border: 1px solid #eadde4;
  padding: .8em .9em;
  vertical-align: top;
}

.kkh-ai-article .kkh-table th {
  background: var(--kkh-accent-soft);
  color: var(--kkh-accent-deep);
}

.kkh-ai-article .kkh-quote {
  margin: 1.4em 0;
  padding: 1em 1.2em;
  border-left: 4px solid var(--kkh-accent);
  background: #fafafa;
}

.kkh-ai-article .kkh-callout {
  margin: 1.5em 0;
  border: 1px solid #eadde4;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.kkh-ai-article .kkh-callout-title {
  background: var(--kkh-accent-soft);
  color: var(--kkh-accent-deep);
  font-weight: 700;
  padding: .8em 1em;
}

.kkh-ai-article .kkh-callout-body {
  padding: 1em 1.1em;
}

.kkh-ai-article .kkh-callout-check .kkh-callout-title {
  background: #eef8f1;
  color: #326746;
}

.kkh-ai-article .kkh-callout-summary .kkh-callout-title {
  background: #fff5e8;
  color: #8a5f22;
}

.kkh-ai-article .kkh-callout-caution .kkh-callout-title {
  background: #fff0f0;
  color: #9a3d3d;
}

.kkh-ai-article .kkh-callout-note .kkh-callout-title {
  background: #eff5ff;
  color: #365f95;
}

.kkh-ai-article .kkh-cta-box {
  margin: 1.8em 0 1.4em;
  padding: 1.1em 1.2em;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--kkh-accent-soft) 0%, #fff 100%);
  border: 1px solid #eadde4;
}

.kkh-ai-article .kkh-cta-body > *:first-child {
  margin-top: 0;
}

.kkh-ai-article .kkh-cta-action {
  margin: 1em 0 0;
}

.kkh-ai-article .kkh-cta-button {
  display: inline-block;
  padding: .85em 1.4em;
  border-radius: 999px;
  background: var(--kkh-accent);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
}