/*
 * Public content styles for stored rich text. The Trix editor chrome that used to
 * head this file is gone — Lexxy replaced Trix, and ships its own editor CSS (see
 * `stylesheet_link_tag "lexxy"` on the writing form). What stays is the `.trix-content`
 * rules: published bodies still render inside `<div class="trix-content gh-content
 * is-body">`, so these typography rules keep applying alongside the Ghost `gh-content`
 * styles in application.css. The Trix `.attachment*` and `.attachment-gallery*` rules are
 * gone too: every image and gallery now renders as a Ghost `kg-*` card (see
 * ImageCardsHelper), and application.css styles those.
*/

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  /* :where() zeroes this rule's specificity. It was (0,1,0), which beat every bare-element
     rule an HtmlCard carries — a card's own `td { padding: 7px }` lost its padding to a
     reset it never asked for. At (0,0,0) the card wins and prose is unchanged. */
  :where(.trix-content *) {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  /* The LTR blockquote and li rules that used to sit here are stated once, shared with the
     editor canvas, in application.css (.gh-content blockquote / li); only the RTL variants,
     which no shared rule covers, remain. */
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
