/*
 * Lexxy editor styles are provided by the gem via stylesheet_link_tag "lexxy".
 *
 * Tailwind CSS v4 preflight resets heading font-size/font-weight and list styles
 * to plain text. Lexxy uses :where() selectors (zero specificity), so Tailwind
 * wins. These overrides restore heading/list/block styles inside both the editor
 * and rendered Action Text content.
*/

/* Editor content area */
lexxy-editor h1 { font-size: 2rem; font-weight: bold; }
lexxy-editor h2 { font-size: 1.5rem; font-weight: bold; }
lexxy-editor h3 { font-size: 1.25rem; font-weight: bold; }
lexxy-editor h4 { font-size: 1rem; font-weight: bold; }
lexxy-editor h5 { font-size: 0.875rem; font-weight: bold; }
lexxy-editor h6 { font-size: 0.75rem; font-weight: bold; }
lexxy-editor blockquote {
  border-left: 0.25em solid var(--lexxy-color-ink-lighter, #ccc);
  font-style: italic;
  padding: 0.5em 1em;
}
lexxy-editor ul { list-style: disc; padding-left: 1.5em; }
lexxy-editor ol { list-style: decimal; padding-left: 1.5em; }
lexxy-editor a { color: var(--lexxy-color-link, #2563eb); text-decoration: underline; }

/* Rendered Action Text content */
.lexxy-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}

.lexxy-content h1 { font-size: 2rem; font-weight: bold; margin: 0.5em 0; }
.lexxy-content h2 { font-size: 1.5rem; font-weight: bold; margin: 0.5em 0; }
.lexxy-content h3 { font-size: 1.25rem; font-weight: bold; margin: 0.5em 0; }
.lexxy-content h4 { font-size: 1rem; font-weight: bold; margin: 0.5em 0; }
.lexxy-content h5 { font-size: 0.875rem; font-weight: bold; margin: 0.5em 0; }
.lexxy-content h6 { font-size: 0.75rem; font-weight: bold; margin: 0.5em 0; }
.lexxy-content p { margin: 0.5em 0; }
.lexxy-content ul { list-style: disc; margin: 0.5em 0; padding-left: 1.5em; }
.lexxy-content ol { list-style: decimal; margin: 0.5em 0; padding-left: 1.5em; }
.lexxy-content li { margin: 0.25em 0; }
.lexxy-content blockquote {
  border-left: 3px solid #ccc;
  font-style: italic;
  margin: 0.5em 0;
  padding: 0.5em 1em;
}
.lexxy-content pre {
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  background-color: #f5f5f5;
  border-radius: 4px;
  overflow-x: auto;
}
.lexxy-content code {
  font-family: monospace;
  font-size: 0.9em;
  background-color: #f5f5f5;
  padding: 0.1em 0.3em;
  border-radius: 3px;
}
.lexxy-content a { color: var(--lexxy-color-link, #2563eb); }
.lexxy-content img { max-width: 100%; height: auto; }