/* ============================================================
   Action Text Overrides
   Layers on top of the Lexxy editor's default stylesheets
   ============================================================ */

/* ---- Editor size (default is 8 lines) ---- */

lexxy-editor {
  --lexxy-editor-rows: 18lh;
}

/* ---- Heading typography inside editor ---- */

lexxy-editor h1 { font-size: 28px; font-weight: 700; line-height: 1.25; margin: 24px 0 8px; }
lexxy-editor h2 { font-size: 24px; font-weight: 700; line-height: 1.3; margin: 20px 0 6px; }
lexxy-editor h3 { font-size: 20px; font-weight: 600; line-height: 1.35; margin: 18px 0 6px; }
lexxy-editor h4 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 16px 0 4px; }
lexxy-editor h5 { font-size: 15px; font-weight: 600; line-height: 1.45; margin: 14px 0 4px; }
lexxy-editor h6 { font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.04em; color: #737373; margin: 14px 0 4px; }

/* ---- Heading typography in rendered output ---- */

.trix-content h1 { font-size: 28px; font-weight: 700; line-height: 1.25; margin: 24px 0 8px; }
.trix-content h2 { font-size: 24px; font-weight: 700; line-height: 1.3; margin: 20px 0 6px; }
.trix-content h3 { font-size: 20px; font-weight: 600; line-height: 1.35; margin: 18px 0 6px; }
.trix-content h4 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 16px 0 4px; }
.trix-content h5 { font-size: 15px; font-weight: 600; line-height: 1.45; margin: 14px 0 4px; }
.trix-content h6 { font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.04em; color: #737373; margin: 14px 0 4px; }