:root {
  --bg: hsl(250 60% 91%);
  --ink: hsl(250 48% 13%);
  --accent: hsl(250 70% 32%);
  --f-display: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --f-body: Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--f-body);
}

.card {
  min-height: 100vh;
  max-width: 760px;
  margin-inline: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.1rem;
}

.fact {
  margin: 0;
  font-family: var(--f-display);
  font-weight: 800;
  font-size: clamp(1.6rem, 6vw, 3.35rem);
  line-height: 1.05;
  letter-spacing: -0.022em;
  text-wrap: balance;
}

.more {
  margin: 0;
  max-width: 34em;
  font-size: 1.15rem;
  line-height: 1.58;
}