/* ===== Magnifi KB — universal article typography ===== */
:root {
  --kb-body: 16px;
  --kb-line: 1.6;
  --kb-h2: 22px;
  --kb-h3: 18px;
  --kb-muted: #6b7280;   /* neutral-500 */
  --kb-rule:  #e5e7eb;   /* neutral-200 */
}

/* Adjust wrapper selector if your theme uses something else:
   e.g., .kb-article, .answer, .zhs-article-content */
.article-content {
  font-size: var(--kb-body);
  line-height: var(--kb-line);
}

/* Headings */
.article-content h2 {
  font-size: var(--kb-h2);
  line-height: 1.35;
  margin: 28px 0 12px;
  font-weight: 700;
  border-top: 1px solid var(--kb-rule);   /* divider between H2 sections */
  padding-top: 16px;
}
.article-content h2:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.article-content h3 {
  font-size: var(--kb-h3);
  line-height: 1.4;
  margin: 18px 0 10px;
  font-weight: 700;
  /* no borders here — we DON'T want lines between tasks/features */
}

/* Lists and paragraphs */
.article-content p { margin: 8px 0 12px; }
.article-content ul,
.article-content ol { margin: 8px 0 16px 22px; }
.article-content li + li { margin-top: 4px; }

/* Figures (for screenshots) */
.article-content figure { margin: 12px 0 16px; }
.article-content figcaption {
  font-size: 0.9em;
  color: var(--kb-muted);
  margin-top: 6px;
}

/* Horizontal rules if you insert any manually */
.article-content hr {
  border: 0;
  border-top: 1px solid var(--kb-rule);
  margin: 24px 0;
}

/* Inline “Tags” footer */
.article-content p em,
.article-content .kb-tags {
  color: var(--kb-muted);
  font-style: normal;
  font-size: 0.95em;
}

/* Links inside “See: …” lines */
.article-content a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Optional: compact the space directly after an H2 when it is followed by an H3,
   so "How To" / "Key Features" sits snug to its first task/feature. */
.article-content h2 + h3 { margin-top: 8px; }

/* Optional: mobile tweak */
@media (max-width: 640px) {
  :root { --kb-body: 15px; --kb-h2: 20px; --kb-h3: 17px; }
}