/*
 * OIT Text + Image -- inner-blocks body typography.
 *
 * The body column hosts a free-form Gutenberg inner-blocks area, so
 * authors can drop paragraphs (with text colors), lists, headings,
 * etc. Tailwind v4's preflight strips default list markers and heading
 * weights, so we restore them inside .oit-text-image__body only.
 */

.oit-text-image[data-proto-animate="pending"] {
  opacity: 0;
  transform: translateY(16px);
}

.oit-text-image[data-proto-animate="done"] {
  opacity: 1;
  transform: none;
  transition: opacity .6s ease, transform .6s ease;
}

.oit-text-image__body :where(p) {
  margin: 0 0 0.75em;
}

.oit-text-image__body :where(p:last-child) {
  margin-bottom: 0;
}

.oit-text-image__body :where(ul) {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 0 0 0.75em;
}

.oit-text-image__body :where(ol) {
  list-style: decimal;
  padding-left: 1.5rem;
  margin: 0 0 0.75em;
}

.oit-text-image__body :where(li) {
  margin-bottom: 0.25em;
}

.oit-text-image__body :where(h1, h2, h3, h4, h5, h6) {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 1em 0 0.5em;
  color: #1a0303;
}

.oit-text-image__body :where(h1):first-child,
.oit-text-image__body :where(h2):first-child,
.oit-text-image__body :where(h3):first-child,
.oit-text-image__body :where(h4):first-child,
.oit-text-image__body :where(h5):first-child,
.oit-text-image__body :where(h6):first-child {
  margin-top: 0;
}

.oit-text-image__body :where(h2) { font-size: 1.5rem; }
.oit-text-image__body :where(h3) { font-size: 1.25rem; }
.oit-text-image__body :where(h4) { font-size: 1.125rem; }

.oit-text-image__body :where(a) {
  color: #d1001d;
  text-decoration: underline;
}

.oit-text-image__body :where(a:hover) {
  color: #a30016;
}

/* Bolded text inside the body adopts the brand red automatically --
 * matches the Figma "THIS FREE GUIDE INCLUDES:" eyebrow pattern so
 * authors get the red callout look just by bolding the words.
 */
.oit-text-image__body :where(strong, b) {
  font-weight: 700;
  color: #d1001d;
}