:root {
	color-scheme: light dark;
	--bg: #ffffff;
	--text: #1a1a1a;
	--muted: #4d4d4d;
	--rule: #d6d6d6;
	--link: #0b57d0;
	--link-visited: #6a1b9a;
	--focus: #0b57d0;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #121212;
		--text: #ececec;
		--muted: #b3b3b3;
		--rule: #3a3a3a;
		--link: #8ab4f8;
		--link-visited: #d7aefb;
		--focus: #8ab4f8;
	}
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.6;
}

main, footer {
	max-width: 40rem;
	margin: 0 auto;
	padding: 0 16px;
}

main { padding-top: 3rem; }

h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 1.5rem; }

h2 { font-size: 1.125rem; line-height: 1.3; margin: 2rem 0 .5rem; }

p { margin: 0 0 1rem; }

.ventures { list-style: none; margin: 0; padding: 0; }
.ventures li { margin: 0 0 1rem; }

a { color: var(--link); text-underline-offset: .15em; overflow-wrap: anywhere; }
a:visited { color: var(--link-visited); }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 2px; }

footer {
	margin-top: 3rem;
	padding-top: 1rem;
	padding-bottom: 2rem;
	border-top: 1px solid var(--rule);
	color: var(--muted);
	font-size: .9375rem;
}