.rich-text {
    display: flex;
    flex-direction: column;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
  }

  /* Rich Text Styles */
  .rich-text h2 {
    font-family: var(--font-primary);
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
    color: var(--color-gray-900, #181D27);
    margin-top: 32px;
    margin-bottom: 20px;
  }

  .rich-text h3 {
    font-family: var(--font-primary);
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: var(--color-gray-900, #181D27);
    margin-top: 32px;
    margin-bottom: 16px;
  }

  .rich-text p {
    font-family: var(--font-primary);
    font-size: var(--font-text-lg-size, 18px);
    line-height: var(--font-text-lg-line-height, 28px);
    font-weight: var(--font-text-lg-weight-regular, 400);
    color: var(--color-gray-600, #535862);
    margin-bottom: var(--font-text-lg-size, 18px);
  }

  .rich-text p:last-child {
    margin-bottom: 0;
  }

  .rich-text ul,
  .rich-text ol {
    font-family: var(--font-primary);
    font-size: var(--font-text-lg-size, 18px);
    line-height: var(--font-text-lg-line-height, 28px);
    color: var(--color-gray-600, #535862);
    margin-bottom: var(--font-text-lg-size, 18px);
    padding-left: 27px;
  }

  .rich-text li {
    margin-bottom: 0;
  }

  .rich-text a {
    color: var(--color-primary-brand-green, #0F4030);
    text-decoration: underline;
  }

  .rich-text strong {
    font-weight: 600;
  }

  /* Image Container */
  .rich-text .image-container {
    margin: 48px 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
  }

  .rich-text .image-content {
    width: 100%;
    border-radius: var(--radius-xl, 12px);
    display: block;
    height: auto;
  }

  .rich-text .image-caption {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 6px);
  }

  .rich-text .image-caption svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .rich-text .image-description {
    font-family: var(--font-primary);
    font-size: var(--font-text-sm-size, 14px);
    line-height: var(--font-text-sm-line-height, 20px);
    font-weight: var(--font-text-sm-weight-regular, 400);
    color: var(--color-gray-600, #535862);
    margin: 0;
  }

  .rich-text .image-description a {
    color: var(--color-gray-600, #535862);
    text-decoration: underline;
  }

  /* Quote Container */
  .rich-text .quote-container {
    margin: 48px 0;
    display: flex;
    gap: var(--spacing-xl, 20px);
    align-items: stretch;
  }

  .rich-text .quote-divider {
    width: 1px;
    background: var(--color-gray-200, #e9eaeb);
    flex-shrink: 0;
    align-self: stretch;
  }

  .rich-text .quote-content {
    flex: 1;
    padding: var(--spacing-md, 8px) 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
  }

  .rich-text .quote-content p:first-child {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    font-style: italic;
    color: var(--color-gray-900, #181D27);
    margin: 0;
  }

  .rich-text .quote-content p:last-child {
    font-size: var(--font-text-md-size, 16px);
    line-height: var(--font-text-md-line-height, 24px);
    font-weight: var(--font-text-md-weight-regular, 400);
    font-style: normal;
    color: var(--color-gray-600, #535862);
    white-space: pre-wrap;
  }

  .rich-text .quote-content p {
    margin-bottom: 0;
  }

  /* Legacy img fallback */
  .rich-text img:not(.image-content) {
    width: 100%;
    border-radius: var(--radius-xl, 12px);
    margin: 48px 0;
  }
  .rich-text ol{
    list-style-type: decimal;
  }