/* Small pages (404, thanks, privacy): his screen, nothing else. Fonts and tokens come from app.css. */
.page { min-height: 100svh; background: var(--bezel); padding: clamp(8px, 1.6vw, 22px); }
.page .screen { min-height: calc(100svh - 2 * clamp(8px, 1.6vw, 22px)); height: auto; padding: clamp(24px, 5vw, 64px); }
.page .screen::after { position: fixed; }
.page .brand { margin-bottom: clamp(40px, 8vh, 96px); text-decoration: none; }
.page h1 { font-family: var(--crt); font-weight: 400; font-size: clamp(40px, 7vw, 84px); letter-spacing: 0; line-height: 1; }
.page h2 { font-size: clamp(20px, 2.4vw, 26px); letter-spacing: -0.02em; margin-top: 40px; }
.page p, .page li { color: var(--stone-2); max-width: 64ch; margin-top: 16px; }
.page ul { padding-left: 1.2em; }
.page a { color: var(--paper); }
.page .back { display: inline-block; margin-top: 40px; font-family: var(--pixel); color: var(--paper); }
.page .back:hover { color: var(--vermillion); }
.page .todo { color: var(--vermillion); }