/* The holding page: the full site's paper, ink and type, and nothing of
   the app. See holding/README.md. */
@font-face { font-family: 'Inter'; src: url('/fonts/inter.woff2') format('woff2'); font-weight: 400 600; font-display: swap; }
@font-face { font-family: 'Newsreader'; src: url('/fonts/newsreader.woff2') format('woff2'); font-weight: 300 500; font-display: swap; }
:root {
  --paper: #f4ecdd; --ink: #1a1a1a; --muted: #6b6b6b; --accent: #52658c; --hair: rgba(26, 26, 26, 0.12);
  --sky: #e6eef8;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #0d0d0d; --ink: #ededed; --muted: #a3a3a3; --accent: #93a6c9; --hair: rgba(237, 237, 237, 0.14); --sky: #101826; color-scheme: dark; }
}
* { box-sizing: border-box; }
html { font-size: 100%; -webkit-font-smoothing: antialiased; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  background: linear-gradient(180deg, var(--sky) 0%, var(--paper) 30rem) no-repeat var(--paper);
  color: var(--ink); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; line-height: 1.6;
}
main { width: min(34rem, 100%); padding: 3rem 1rem; }
h1 { font-weight: 500; font-size: clamp(2rem, 5vw, 2.75rem); line-height: 1.15; letter-spacing: -0.01em; margin: 0 0 1rem; }
.line { font-family: 'Newsreader', Georgia, serif; font-size: 1.35rem; line-height: 1.45; margin: 0 0 2.5rem; }
.facts { margin: 0 0 2.5rem; border-top: 1px solid var(--hair); }
.facts div { display: flex; justify-content: space-between; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid var(--hair); }
dt { color: var(--muted); }
dd { margin: 0; text-align: right; }
a { color: var(--accent); text-underline-offset: 0.2em; }
.quiet { color: var(--muted); font-size: 0.875rem; margin: 0; }