/* Shared Journal rhythm. The important layer wins over legacy Square resets
   and article-local CSS, without changing protected non-story pages. */
@layer coinhub-journal-spacing {
  .story-body p {
    margin-block: 0 20px !important;
    line-height: 1.75 !important;
  }
  .story-body :is(h2, h3, h4, h5, h6) {
    margin-block: 36px 16px !important;
    line-height: 1.3 !important;
  }
  .story-body :is(h2, h3, h4, h5, h6) + :is(h2, h3, h4, h5, h6) {
    margin-block-start: 24px !important;
  }
  .story-body :is(ul, ol) {
    margin-block: 20px 24px !important;
    padding-inline-start: 1.5em !important;
  }
  .story-body li {
    margin-block: 0 10px !important;
    line-height: 1.75 !important;
  }
  .story-body li :is(ul, ol) {
    margin-block: 12px !important;
  }
  .story-body :is(.answer, .quick-answer, .quick, .coinhub-quick, .coinhub-answer, .coinhub-callout, .ch-callout, .coinhub-note, .ch-note, .coinhub-tip, .tip, .callout, .warning, .formula, .key-facts, .fact-box, .takeaway, .note, blockquote) {
    margin-block: 28px !important;
    padding: 20px 24px !important;
    line-height: 1.75 !important;
  }
  .story-body :is(.answer, .quick-answer, .quick, .coinhub-quick, .coinhub-answer, .coinhub-callout, .ch-callout, .coinhub-note, .ch-note, .coinhub-tip, .tip, .callout, .warning, .formula, .key-facts, .fact-box, .takeaway, .note, blockquote) > :first-child {
    margin-block-start: 0 !important;
  }
  .story-body :is(.answer, .quick-answer, .quick, .coinhub-quick, .coinhub-answer, .coinhub-callout, .ch-callout, .coinhub-note, .ch-note, .coinhub-tip, .tip, .callout, .warning, .formula, .key-facts, .fact-box, .takeaway, .note, blockquote) > :last-child {
    margin-block-end: 0 !important;
  }
  .story-body :is(.table-wrap, .table-scroll, figure) {
    margin-block: 28px !important;
  }
  .story-body table {
    margin-block: 24px !important;
  }
  .story-body :is(.table-wrap, .table-scroll) > table {
    margin-block: 0 !important;
  }
  .story-body :is(th, td) {
    padding: 12px 14px !important;
    line-height: 1.6 !important;
  }
  .story-body figcaption {
    margin-block-start: 12px !important;
    line-height: 1.6 !important;
  }
  .story-body :is(.sources, .source-note, .coinhub-sources) {
    margin-block-start: 36px !important;
    padding-block-start: 24px !important;
  }
  @media (max-width: 620px) {
    .story-body p { margin-block-end: 18px !important; }
    .story-body :is(h2, h3, h4, h5, h6) { margin-block: 30px 14px !important; }
    .story-body :is(.answer, .quick-answer, .quick, .coinhub-quick, .coinhub-answer, .coinhub-callout, .ch-callout, .coinhub-note, .ch-note, .coinhub-tip, .tip, .callout, .warning, .formula, .key-facts, .fact-box, .takeaway, .note, blockquote) {
      padding: 18px !important;
      margin-block: 24px !important;
    }
  }
}