:where(html),
:where(body) {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

:where(html) {
  text-size-adjust: none;
}

:where(body) {
  background-color: var(--base____bg-color);
  color: var(--base____color);
  font-family: var(--base____font-family);
  font-size: var(--base____font-size);
  line-height: var(--base____line-height);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1:where(:not(.particle-exclude, .particle-exclude *)),
h2:where(:not(.particle-exclude, .particle-exclude *)),
h3:where(:not(.particle-exclude, .particle-exclude *)),
h4:where(:not(.particle-exclude, .particle-exclude *)),
h5:where(:not(.particle-exclude, .particle-exclude *)),
h6:where(:not(.particle-exclude, .particle-exclude *)),
p:where(:not(.particle-exclude, .particle-exclude *)) {
  font-size: var(--font-size--base);
  font-weight: normal;
  margin-bottom: 1em;
}

i:where(:not(.particle-exclude, .particle-exclude *)), em:where(:not(.particle-exclude, .particle-exclude *)) { font-style: italic; }
b:where(:not(.particle-exclude, .particle-exclude *)), strong:where(:not(.particle-exclude, .particle-exclude *)) { font-weight: var(--font-weight--bold); }
s:where(:not(.particle-exclude, .particle-exclude *)), strike:where(:not(.particle-exclude, .particle-exclude *)) { text-decoration: line-through; }
u:where(:not(.particle-exclude, .particle-exclude *)) {
  text-decoration: underline;
  text-decoration-skip: objects;
}
small:where(:not(.particle-exclude, .particle-exclude *)) { font-size: var(--font-size--s); }
mark:where(:not(.particle-exclude, .particle-exclude *)) { background-color: var(--color--marker); }

hr:where(:not(.particle-exclude, .particle-exclude *)) {
  border-style: solid;
  border-width: 0;
  border-top-width: 1px;
  color: var(--color--gray-4);
  margin-bottom: 2em;
  margin-top: 2em;
}

label:where(:not(.particle-exclude, .particle-exclude *)) {
  display: inline-block;
}

pre:where(:not(.particle-exclude, .particle-exclude *)) {
  display: block;
  white-space: pre-wrap;
}
code:where(:not(.particle-exclude, .particle-exclude *)) {
  background-color: rgba(var(--color--main-rgb), .05);
  border: 1px solid transparent;
  border-radius:  var(--radius--small);
  font-family: var(--font--monospace);
  font-size: var(--font-size--base);
  padding: 0.2em 0.3em 0.1em;
  white-space: inherit;
}
pre:where(:not(.particle-exclude, .particle-exclude *)) code:where(:not(.particle-exclude, .particle-exclude *)) {
  display: block;
  padding: .75em;
}