/* Explicit editorial styles shared by CKEditor and frontend rich text. */
:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) :is(h1, h2, h3, h4, h5, h6):is(.article-heading--blue, .article-heading--bar, .article-heading--dot) {
  position: relative;
  font-family: var(--font-sans, "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif);
  line-height: 1.4;
  scroll-margin-top: 7rem;
}

:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) :is(h1, h2, h3, h4, h5, h6).article-heading--blue {
  color: var(--primary, #00aeef);
  font-weight: 500;
}

:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) :is(h1, h2, h3, h4, h5, h6).article-heading--bar {
  color: var(--foreground, #252525);
  font-weight: 600;
  padding-inline-start: 1.125rem;
}

:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) :is(h1, h2, h3, h4, h5, h6).article-heading--bar::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.25em;
  width: 3px;
  height: 0.85em;
  background: var(--primary, #00aeef);
}

:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) :is(h1, h2, h3, h4, h5, h6).article-heading--dot {
  color: var(--foreground, #252525);
  font-weight: 600;
  padding-inline-start: 0.875rem;
}

:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) :is(h1, h2, h3, h4, h5, h6).article-heading--dot::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.6em;
  width: 5px;
  height: 5px;
  background: var(--primary, #00aeef);
}

/* Line-height choices (Tailwind leading classes) */
:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) .leading-tight {
  line-height: 1.25;
}
:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) .leading-normal {
  line-height: 1.5;
}
:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) .leading-relaxed {
  line-height: 1.625;
}
:is(.prose, #edit-body-wrapper .ck-content, .ck.ck-content[contenteditable="true"]) .leading-loose {
  line-height: 2;
}