/**
 * @file
 * Align CKEditor 5 content typography with frontend body text.
 *
 * Layout Builder uses the frontend theme in the block modal, so the global
 * `span { font-size: 1.2rem }` rule enlarges list items (CKEditor wraps them
 * in an internal span). Keep paragraphs and lists at text-medium by default.
 */

.ck-content {
  font-size: clamp(1rem, -0.875rem + 8.333vw, 1.188rem);
  line-height: 24px;
}

.ck-content p,
.ck-content ul,
.ck-content ol,
.ck-content li {
  font-size: inherit;
  line-height: inherit;
}

.ck-content span {
  font-size: inherit;
}

.ck-content .text-x-large {
  font-size: clamp(1.25rem, -0.875rem + 8.333vw, 1.5rem);
  line-height: 31px;
}

.ck-content .text-large {
  font-size: 20px;
  line-height: 30px;
}

.ck-content .text-medium {
  font-size: clamp(1rem, -0.875rem + 8.333vw, 1.188rem);
  line-height: 24px;
}

.ck-content .text-small {
  font-size: 15px;
  line-height: 23px;
}

.ck-content .x-small {
  font-size: 13px;
  line-height: 21px;
}