/* The privacy policy and support pages: plain reading pages in the landing page's colors and fonts. */

@font-face {
	font-family: "Jersey 15";
	src: url("../assets/fonts/Jersey15-Regular.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "Silkscreen";
	src: url("../assets/fonts/Silkscreen-Bold.ttf") format("truetype");
	font-weight: 700;
	font-display: swap;
}

:root {
	--background: #0b0e14;
	--line: #1b2a44;
	--text: #e6ecff;
	--text-secondary: #c4cbe6;
	--text-muted: #8a93b8;
	--cyan: #7fd6ff;
	--gold: #ffd250;
}

html {
	background: var(--background);
	color: var(--text-secondary);
	font-family: "Jersey 15", system-ui, sans-serif;
	font-size: 22px;
	line-height: 1.4;
	-webkit-font-smoothing: none;
	font-smooth: never;
}

body {
	margin: 0;
	background: var(--background);
}

.legal {
	max-width: 760px;
	margin: 0 auto;
	padding: 32px 16px 64px;
}

.back a {
	font-family: "Silkscreen", monospace;
	font-weight: 700;
	color: var(--cyan);
	text-decoration: none;
	letter-spacing: 0.04em;
}

article + article {
	margin-top: 64px;
	padding-top: 32px;
	border-top: 2px solid var(--line);
}

h1 {
	font-family: "Silkscreen", monospace;
	font-weight: 700;
	font-size: 32px;
	color: var(--cyan);
	margin: 24px 0 8px;
	overflow-wrap: anywhere;
}

h2 {
	font-weight: 400;
	font-size: 26px;
	color: var(--gold);
	margin: 32px 0 4px;
}

h3 {
	font-weight: 400;
	font-size: 22px;
	color: var(--text);
	margin: 20px 0 0;
}

p {
	margin: 8px 0;
}

strong {
	font-weight: 400;
	color: var(--text);
}

a {
	color: var(--cyan);
}

.updated,
.legal-links {
	color: var(--text-muted);
}