html, body, div {
  box-sizing: border-box;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: %textSize%;
  /* Factor in viewport width to keep longer lines readable: */
  line-height: calc(1.1em + 0.45vw);
  margin: 0.2em 0.6em 0.2em 0.6em;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
  line-height: normal;
}
p {
  /* overflow: hidden; */
  margin: 0 0 1em 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  /* margin: 1em 0; */
  margin-left: auto;
  margin-right: auto;
  word-break: initial;
  /* display: block;
  width: 100%; */
  overflow-x: auto;
}
table th {
  padding: .3em .5em .4em;
  text-align: center;
  border: 0.5px solid hwb(0 75% 25%);
  /* background-color: hsl(38, 55%, 90%); */
  /* vertical-align: bottom; */
  word-break: initial;
}
table td {
  padding: .4em .5em .4em .4em;
  border: 0.5px solid hwb(0 75% 25%);
  /* border-width: 2em; */
  /* border-style: none; */
  /* vertical-align: top; */
}
/* table tr:nth-child(2n) {
  background-color: hsl(38, 55%, 93%);
} */
p:last-child {
  margin: 0;
}
code, pre {
  text-indent: 20pt;
  font-family: Menlo, Courier, Monaco, 'Andale Mono', monospace;
  font-size: %codeSize%;

  width: 100%;
  padding: 2.5pt 7.5pt;
  border-radius: 2.5pt;
  background-color: hwb(0 100% 0% / 0.6);
  border: 0.5px solid hwb(0 75% 25%);
  overflow-x: auto;
}
code {
  padding: 2pt 3pt;
}
pre {
  white-space: pre-wrap;
  word-break: break-word;
  padding: 5.5pt 7.5pt;
}
pre > code {
  background-color: unset;
  border-radius: unset;
  padding: unset;
  border: unset;
}
img {
  max-width: 100% !important;
  height: auto !important;
}
@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: dark;
	}
	pre, code {
        background-color: hwb(0 0% 100% / 0.2);
        border: 0.5px solid hwb(0 20% 80%);
	}
    a:link, a:visited, a:active {
        color: hsl(218, 100%, 72%);
    }
	table {
		background-color: hwb(0 0% 100% / 0.2);
	}
	table th, table td {
		border: 0.5px solid hwb(0 32% 68%);
	}
}
