@import url('font.css');

:root {
	color-scheme: light dark;
	--serif: 'PT Serif', serif;
	--sans-serif: 'Lato', sans-serif;
	--monospace: 'Dejavu Sans Mono', monospace;
}

body {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1em;
	hyphens: auto;
	font-family: var(--sans-serif);
	font-weight: normal;
	font-size: 100%;
	color: light-dark(#3f3e73, #fffb);
	background-color: light-dark(#fff, #262d50);
}

p {
	line-height: 1.5em;
}

a {
	text-decoration: none;
}

hr {
	margin-top: 30px;
	border: none;
	border-bottom: 1px solid light-dark(#0001, #fff2);
}

h1 {
	margin: 0.8em 0;
	margin-inline: 0;
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
}

ol {
	padding-inline-start: 1.5em;
}

ul {
	list-style: none;
	padding: 0;
}

li {
	line-height: 1.5em;
	margin-block: 0.5em;
}

li>ul {
	margin: 0.5em 0 1em 0;
	padding: 0 0 0 1.5em;
}

li>ul>li:before {
	content: "-";
	display: inline-block;
    position: relative;
    left: -1em;
	width: 0;
}

pre {
	padding: 0.8em 1em;
	border-radius: 0.35em;
	line-height: 1.5em;
	white-space: pre-line;
	overflow: scroll;
}

pre span {
	white-space: nowrap;
	overflow: scroll;
}

code {
	padding: 0.2em 0.3em;
	border-radius: 0.3em;
}

samp {
    word-break: break-word;
}

pre, code {
	background-color: light-dark(#0001, #0003);
}

pre, code, samp, kbd {
	font-family: var(--monospace);
	font-size: 88%;
}

blockquote {
	/*font-family: var(--serif);*/
	font-style: italic;
	line-height: 1.5em;
    margin-inline: 0;
    padding-inline-start: 1.2em;
    box-shadow: inset 5px 0 0 0 light-dark(#021a3a26, #fff5);
}

summary {
	cursor: pointer;
	list-style: none;
}

summary, a {
	color: light-dark(#cd327b, #ff3193);
}

dl {
	line-height: 1.5em;
    margin-block: 0 1em;
}

dt {
	margin-top: 0.5em;
}

dd {
    margin-inline: 0;
}

address {
	font-size: smaller;
	padding: 1em 0;
}

table {
	width: 100%;
	table-layout: auto;
	background-color: light-dark(#fff, #0003);
	border-collapse: collapse;
	border: 0;
}

table thead tr,
table tr:nth-child(even) {
    background-color: light-dark(#f5f5f5, #0002);
}

table tr th,
table tr td {
	width: auto;
	padding: 0.5em 1em;
	text-align: left;
}