/* Load AFTER content-pages.css and legal page styles. Opt-in text containers only. */
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) {
  --rt-accent: var(--color-accent, #00abc9);
  --rt-ink: var(--color-ink, #1c274c);
  --rt-border: #dce7ec;
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-x: auto; /* No-JS safety: overflow remains local, never on body. */
  font-family: var(--font-family, Involve, Arial, sans-serif);
  color: var(--color-text, #344054);
  line-height: 1.7;
  overflow-wrap: anywhere;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) :where(ul, ol) {
  margin-block: 0 1.4em;
  padding-inline-start: 1.8em;
  list-style-position: outside;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) ul {
  /* A real list marker preserves native list semantics, including in Safari. */
  list-style-type: square;
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Crect x='2' y='2' width='6' height='6' rx='1.5' fill='%2300abc9' transform='rotate(45 5 5)'/%3E%3C/svg%3E");
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) li {
  margin-block: .55em;
  padding-inline-start: .35em;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) li::marker {
  color: var(--rt-accent);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) ol {
  list-style-image: none; /* Nested ol must not inherit its parent ul diamond. */
}
/* Do not replace ol counters: start, reversed, value, type and nesting remain native. */
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) li > :where(ul, ol) {
  margin-block: .6em 0;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) li > p {
  margin-block: 0 .6em;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) .rich-text-table-scroll {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  margin-block: 1.5em;
  border: 1px solid var(--rt-border);
  border-radius: 10px;
  background: #fff;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) .rich-text-table-scroll:focus-visible {
  outline: 2px solid var(--color-accent-dark, #008ea4);
  outline-offset: -2px;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) table {
  inline-size: 100%;
  border-collapse: collapse;
  font: inherit;
  font-size: .9375em;
  line-height: 1.55;
  color: inherit;
  text-align: start;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) :where(th, td) {
  padding: 16px 20px;
  min-inline-size: 8rem;
  border: 1px solid var(--rt-border);
  vertical-align: top;
  text-align: start;
  overflow-wrap: anywhere;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) th {
  color: var(--rt-ink);
  font-weight: 600;
  background: #f0f9ff;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) thead th {
  border-block-end: 2px solid var(--rt-accent);
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) tbody tr:nth-child(even) td {
  background: #f8fbfd;
}
:is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) caption {
  caption-side: top;
  padding: 16px 20px;
  color: var(--rt-ink);
  font-weight: 600;
  text-align: start;
  background: #fff;
}
@media (max-width: 699px) {
  :is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) :where(th, td) {
    padding: 12px 14px;
  }
}
@media print {
  :is(.salina-richtext, .legal-draft-body, .content-prose, .article-body),
  :is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) .rich-text-table-scroll {
    overflow: visible;
  }
  :is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) :where(th, td) {
    min-inline-size: 0;
  }
  :is(.salina-richtext, .legal-draft-body, .content-prose, .article-body) thead {
    display: table-header-group;
  }
}