/* Rules the vendored theme stylesheet does not cover.
   app.css is an unpurged Tailwind artifact exported from WordPress and is
   treated as read-only, so site-specific overrides live here. */

/* Legal documents number their own clauses ("2.4.1."), and sub-clauses were
   indented paragraphs in WordPress. Markdown has no indented paragraph, so
   they are authored as list items and styled back to the original look:
   indented, no bullets. */
.document ul {
  list-style: none;
  padding-left: 40px;
  margin: 0;
}

.document ul li {
  color: #59626c;
  font-size: 14px;
  line-height: 1.5;
  margin: 16px 0;
}

/* Section headings were centred bold paragraphs. They are real <h2> now, for
   the editor and for screen readers, but keep the original appearance. */
.document h2 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #59626c;
  margin: 16px 0;
}

/* The pricing table carries WordPress's .aligncenter class and a percentage
   width. WordPress core styled that class; its stylesheet did not come across
   in the migration - app.css is only the theme's Tailwind build - so the table
   had nothing centring it and sat against the left margin. */
.document table.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* The footnote belongs to the table above it, so it lines up with it rather
   than with the wider column. Same width and centring as the table; the
   paragraph keeps the left-aligned text it carries inline from WordPress.
   Selected as the table's sibling so the document text needs no edit. */
.document table.aligncenter + p {
  width: 78.548%;
  margin-left: auto;
  margin-right: auto;
}
