/* The legal pages: the links page's dark background and pink text, readable at any width. */
html { background: #111111; color: #f3e6e6; }
body {
	margin: 0;
	font: 1.05rem/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main, footer {
	max-width: 46rem;
	margin: 0 auto;
	padding: 0 16px;
}
main { padding-top: 2.5rem; padding-bottom: 2rem; }
h1 { color: #ffc1c1; font-size: 2rem; line-height: 1.2; margin: .4em 0 .6em; }
h2 { color: #ffc1c1; font-size: 1.2rem; margin: 1.8em 0 .4em; }
a { color: #ffc1c1; }
a:hover { color: #fcd2d2; }
a:focus-visible { outline: 2px solid #fcd2d2; outline-offset: 2px; border-radius: 2px; }
.crumbs { font-size: .9rem; color: #b9a9a9; margin: 0; }
.updated { margin-top: 2.5em; font-size: .9rem; color: #b9a9a9; }
.pages { list-style: none; margin: 1.5em 0 0; padding: 0; display: grid; gap: 12px; }
.pages li {
	background: linear-gradient(45deg, #010102, #334355);
	border: 2pt solid #fcd2d2;
	border-radius: .4em;
	padding: 14px 16px;
}
.pages a { font-weight: bold; display: block; }
.pages span { display: block; color: #d9caca; font-size: .95rem; }
footer {
	border-top: 1px solid #3a2f33;
	padding-top: 1rem;
	padding-bottom: 2rem;
	font-size: .9rem;
	color: #b9a9a9;
}
