@font-face {
	font-family:"JetBrains Mono";
	font-weight:400;
	font-display:swap;
	src:url(/assets/fonts/JetBrainsMono-Regular.woff) format("woff")
}

@font-face {
	font-family:"JetBrains Mono";
	font-weight:700;
	font-display:swap;
	src:url(/assets/fonts/JetBrainsMono-Bold.woff) format("woff")
}

:root {
	--bg:#0e0e0e;
	--fg:#e8e6e1;
	--mute:#9a9893;
	--line:#2a2a28;
	--acc:#f2b84b
}

* { box-sizing:border-box }

body {
	max-width:900px;
	margin:0 auto;
	padding:0 24px 48px;
	background:var(--bg);
	color:var(--fg);
	font:15px/1.7 "JetBrains Mono",ui-monospace,monospace
}

a {
	color:inherit;
	text-decoration-color:#5a5a56
}

a:hover {
	color:var(--acc)
}

#preamble {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:24px
}

#preamble>a {
	font-weight:700;
	text-decoration:none
}

nav {
	display:flex;
	gap:24px;
	font-size:14px
}

nav a {
	padding:12px 0;
	color:var(--mute);
	text-decoration:none
}

nav a[aria-current] {
	color:var(--fg)
}

h1 {
	margin:72px 0 0;
	font-size:36px;
	line-height:1.2
}

h2 {
	margin:48px 0 12px;
	font-size:24px;
	line-height:1.3
}

h3 {
	margin:32px 0 8px;
	font-size:17px
}

.kicker {
	margin:96px 0 0;
	font-size:13px;
	color:var(--acc)
}

.kicker+h1 { margin-top:8px }

.tag {
	margin-left:12px;
	font-size:13px;
	font-weight:400;
	color:var(--mute)
}

.tag span+span::before { content:"· " }

.rows ul {
	margin:24px 0;
	padding:0;
	list-style:none
}

.rows li {
	display:flex;
	justify-content:space-between;
	gap:16px;
	padding:14px 0;
	border-top:1px solid var(--line);
	color:var(--mute)
}

.rows li:last-child {
	border-bottom:1px solid var(--line)
}

.rows a {
	color:var(--fg)
}

.prose p {
	font:20px/1.65 Georgia,serif;
	color:#d8d6d0
}

.prose h2 {
	font-size:20px
}

pre {
	margin:0 0 24px;
	padding:16px 20px;
	overflow-x:auto;
	background:#161615;
	border:1px solid var(--line);
	font-size:14px
}

blockquote {
	margin:0 0 24px;
	padding-left:20px;
	border-left:2px solid var(--acc);
	color:var(--mute)
}

table {
	border-collapse:collapse
}
td,th {
	padding:4px 12px;
	border-bottom:1px solid var(--line)
}

img {
	max-width:100%
}

.cv {
	width:100%;
	height:85vh;
	border:1px solid var(--line)
}

#postamble {
	margin-top:80px;
	font-size:14px;
	color:var(--mute)
}

#postamble p {
	margin:0 0 8px
}