/* The pages the world reads before it trusts us with anything (the legal pages and the docs). No
   build step and nothing from anybody else: they must render from a cold cache on a bad
   connection. The one font is the landing page's own (/home-assets), shown the moment it
   arrives, so the top bar and the prose read the same as on every other page of the site. */
@font-face {
	font-family: 'Nunito Landing';
	font-style: normal;
	font-weight: 200 1000;
	font-display: swap;
	src: url('/home-assets/nunito.woff2') format('woff2');
}
:root {
	--wall: #f3eee4;
	--paper: #fffdf8;
	--ink: #2e2a26;
	--ink-soft: #6b625a;
	--ink-muted: #948a80;
	--line: #e3dbd0;
	--accent: #e8590c;
}
* {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0 0 64px;
	background: var(--wall);
	color: var(--ink);
	--font-ui: 'Nunito Landing', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-family:
		'Nunito Landing', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.65;
}
/* the top bar (site.css) spans the wall; the prose keeps to a column under it */
.page {
	max-width: calc(72ch + 40px);
	margin: 0 auto;
	padding: 0 20px;
}
h1 {
	margin: 18px 0 4px;
	font-size: 34px;
	line-height: 1.1;
	letter-spacing: -0.02em;
}
.updated {
	margin: 0 0 24px;
	font-size: 13px;
	color: var(--ink-muted);
}
h2 {
	margin: 32px 0 8px;
	font-size: 19px;
	letter-spacing: -0.01em;
}
p,
li {
	margin: 0 0 12px;
}
ul {
	padding-left: 22px;
}
a {
	color: var(--accent);
}
.lead {
	font-size: 17px;
	color: var(--ink-soft);
}
.card {
	margin: 18px 0;
	padding: 14px 18px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 12px;
}
.card p:last-child,
.card ul:last-child {
	margin-bottom: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0 18px;
	font-size: 15px;
}
/* on a phone a wide table scrolls inside itself, never the page */
@media (max-width: 640px) {
	table {
		display: block;
		overflow-x: auto;
	}
}
th,
td {
	text-align: left;
	vertical-align: top;
	padding: 8px 10px 8px 0;
	border-bottom: 1px solid var(--line);
}
th {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--ink-muted);
}
footer {
	margin-top: 44px;
	padding-top: 14px;
	border-top: 1px solid var(--line);
	font-size: 13px;
	color: var(--ink-muted);
}
footer a {
	margin-right: 14px;
}