/* cms.css — styles for CMS-rendered Markdoc content (team bios, blog bodies).
   Kept separate from site.css so design re-exports don't clobber it.
   Loaded after site.css/moodboard.css, before a11y.css. */

/* Team profile bio — Markdoc renders <p> paragraphs; mirror .bbs-body. */
.bbs-prose p {
  font-family: var(--font-body);
  font-size: 19px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
}
.bbs-prose p + p { margin-top: 1.15em; }

/* Blog post body — Markdoc renders plain <ul>/<ol>/<blockquote>; the design
   CSS only styles the .post-list / .post-quote variants, so mirror them. */
.post-prose ul,
.post-prose ol {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 24px;
  padding-left: 1.4em;
  color: var(--ink);
}
.post-prose li { margin-bottom: 8px; }
.post-prose blockquote {
  margin: 36px 0;
  padding: 0 0 0 24px;
  border-left: 4px solid var(--hot-pink);
}
.post-prose blockquote p {
  font-family: var(--font-display);
  font-size: 24px;
  letter-spacing: -0.015em;
  line-height: 1.3;
  color: var(--ink);
  margin: 0 0 12px;
  text-wrap: balance;
}
.post-prose a { color: var(--hot-pink-deep, var(--hot-pink)); text-decoration: underline; }

@media (max-width: 640px) {
  .post-prose ul,
  .post-prose ol { font-size: 17px; }
}