/* Shared reading styles for sanitized editor content only. */
:is(.body, .submission-rich-body) {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

:is(.body, .submission-rich-body) table {
  display: block;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border-collapse: collapse;
  margin: 1.25em 0;
  line-height: 1.65;
}

:is(.body, .submission-rich-body) th,
:is(.body, .submission-rich-body) td {
  min-width: 5.5em;
  max-width: 28em;
  padding: .55em .75em;
  border: 1px solid var(--rule, #a7a29a);
  vertical-align: top;
  text-align: left;
  overflow-wrap: anywhere;
}

:is(.body, .submission-rich-body) th {
  background: var(--paper-2, #f2eee5);
  font-weight: 700;
}

:is(.body, .submission-rich-body) :is(th, td) > p {
  margin: 0;
  text-align: inherit;
}

:is(.body, .submission-rich-body) :is(th, td) > p + p {
  margin-top: .5em;
}

:is(.body, .submission-rich-body) u {
  text-underline-offset: .16em;
}

.submission-rich-body {
  line-height: 1.85;
}

.submission-rich-body p {
  margin: 0 0 1em;
}

.submission-rich-body blockquote {
  margin: 1em 0;
  padding-left: 1em;
  border-left: 3px solid var(--rule, #a7a29a);
}

@media print {
  :is(.body, .submission-rich-body) table {
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: visible;
  }

  :is(.body, .submission-rich-body) :is(th, td) {
    min-width: 0;
  }
}