/* Minimal reset — just enough to remove default UA spacing and box-model surprises. */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

body {
  /* 100vh first as a fallback for browsers without svh support,
     then 100svh so mobile browser toolbars don't cause scroll/jump. */
  min-height: 100vh;
  min-height: 100svh;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #f6f1e6; /* pale warm ivory, not stark white */
  color: #14192d; /* near-black with a cool, inky undertone rather than pure black */

  /* Native old-style serif stack only — no webfonts. */
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.word {
  font-size: clamp(1.5rem, 1rem + 3vw, 2.75rem);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.5;
  white-space: nowrap;
}