/* Keep rich-text editing previews aligned with public-site typography. */
.ck-content,
.ck-content p,
.ck-content li,
.ql-editor,
.ql-editor p,
.ql-editor li {
  font-size: 16px !important;
  line-height: 1.6rem !important;
}

.ck-content h1,
.ql-editor h1 {
  font-size: 32px !important;
  line-height: 1.2 !important;
}

.ck-content h2,
.ql-editor h2 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.ck-content h3,
.ql-editor h3 {
  font-size: 18.7px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

.ck-content :is(h2, h3) *,
.ql-editor :is(h2, h3) * {
  font-weight: inherit !important;
}

.ck-content h4,
.ql-editor h4 {
  font-size: 17px !important;
  line-height: 1.4 !important;
}

.ck-content h5,
.ck-content h6,
.ql-editor h5,
.ql-editor h6 {
  font-size: 16px !important;
  line-height: 1.6rem !important;
}

/* A single Enter creates a new paragraph. Remove the browser's default
   paragraph margins so it displays as one normal line break in every editor. */
.ck-content p,
.ql-editor p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ck-content p + p,
.ql-editor p + p {
  margin-top: 0 !important;
}

/* Hide the legacy announcement heading before the enhancement script mounts. */
div:has(> input[placeholder="Announcement Heading"]) {
  display: none !important;
}
