/* Shared typography for saved Summernote HTML and the Summernote editor. */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope-variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:is(.gx-rich-content, .note-editable) {
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 450;
  line-height: 1.85 !important;
  letter-spacing: normal;
}
/* Override pasted fonts, HTML <font> tags, and saved inline sizes at every depth. */
:is(.gx-rich-content, .note-editable) * {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
:is(.gx-rich-content, .note-editable) :is(p, div, span, font, li, td, th) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
:is(.gx-rich-content, .note-editable) :is(h1, h2, h3, h4, h5, h6) {
  font-family: 'Manrope', Arial, Helvetica, sans-serif !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  letter-spacing: -.03em;
}
:is(.gx-rich-content, .note-editable) h1 { font-size: 32px !important; }
:is(.gx-rich-content, .note-editable) h2 { font-size: 29px !important; }
:is(.gx-rich-content, .note-editable) h3 { font-size: 24px !important; }
:is(.gx-rich-content, .note-editable) h4 { font-size: 21px !important; }
:is(.gx-rich-content, .note-editable) :is(h5, h6) { font-size: 18px !important; }
/* Legacy editor markup sometimes wraps complete paragraphs in a heading. */
:is(.gx-rich-content, .note-editable) :is(h1, h2, h3, h4, h5, h6):has(p) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 450 !important;
  line-height: inherit !important;
  letter-spacing: normal;
}
:is(.gx-rich-content, .note-editable) :is(strong, b) { font-weight: 750; }
:is(.gx-rich-content, .note-editable) :is(pre, code, kbd, samp) {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
}
:is(.gx-rich-content, .note-editable) :is(pre, code, kbd, samp) * {
  font-family: inherit !important;
}
.note-editable p { margin: 0 0 1.4em; }
.note-editable :is(h1, h2, h3, h4, h5, h6) { margin: 1.4em 0 .65em; }
@media (max-width: 640px) {
  :is(.gx-rich-content, .note-editable) h1 { font-size: 28px !important; }
  :is(.gx-rich-content, .note-editable) h2 { font-size: 25px !important; }
  :is(.gx-rich-content, .note-editable) h3 { font-size: 22px !important; }
}