/* Shared WYSIWYG typography for editor-authored content that lives outside the
   article blocks — currently the category pages' SEO content (`.term-seo`).
   Mirrors the article/content-section defaults, one class: `.udi-prose`. */

.udi-prose {
  font-size: var(--fs-body-m);
  line-height: var(--lh-body-m);
  color: var(--color-grey-900);
}
.udi-prose p { margin: 0 0 var(--space-l); }
.udi-prose > *:last-child { margin-bottom: 0; }
.udi-prose h2 {
  margin: var(--space-l) 0 var(--space-s);
  font: 400 var(--fs-h-l) / var(--lh-h-l) var(--font-heading);
  letter-spacing: var(--ls-h-l);
}
.udi-prose h3 {
  margin: var(--space-l) 0 var(--space-s);
  font: 400 28px / 40px var(--font-heading);
  letter-spacing: -1px;
}
.udi-prose h4 {
  margin: var(--space-s) 0 var(--space-2x);
  font: 400 22px / 32px var(--font-heading);
}
.udi-prose h2:first-child,
.udi-prose h3:first-child,
.udi-prose h4:first-child { margin-top: 0; }
/* Restore markers killed by the global `ul, ol { list-style: none }` reset. */
.udi-prose ul,
.udi-prose ol { margin: 0 0 var(--space-l); padding-left: var(--space-l); }
.udi-prose ul { list-style: disc; }
.udi-prose ol { list-style: decimal; }
.udi-prose li { margin-bottom: var(--space-3xs); }
.udi-prose strong,
.udi-prose b { font-weight: 700; }
.udi-prose blockquote {
  margin: 0 0 var(--space-l);
  padding-left: var(--space-s);
  border-left: 2px solid var(--color-grey-500);
}
.udi-prose img { max-width: 100%; height: auto; border-radius: var(--radius-s); }
.udi-prose table { width: 100%; border-collapse: collapse; margin: 0 0 var(--space-l); }
.udi-prose th,
.udi-prose td { padding: var(--space-2x) var(--space-xs); border-bottom: 1px solid var(--color-grey-400); text-align: left; }

/* SEO content blocks on category pages: above / below the listing. */
.term-seo--before { margin-bottom: var(--space-2xl); }
.term-seo--after { margin-top: var(--space-2xl); }

@media (max-width: 600px) {
  .udi-prose h2 { font-size: var(--fs-h-m); line-height: var(--lh-h-m); letter-spacing: var(--ls-h-m); }
  .udi-prose h3 { font-size: 24px; line-height: 32px; }
}