body {
  background-color: var(--paper);
  margin: 0;
}

/* Default .site-copyright sits in normal document flow after .page-content, which would
   add its own height below this page's one-viewport-minus-navbar block regardless of how
   small the limerick text shrinks to fit — same issue solved on the homepage; same fix. */
.site-copyright {
  position: fixed;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  color: #ccc;
}

/* .page-content (see navbar.css) is a flex column filling whatever's left of the viewport
   below the navbar — flex: 1 here (instead of a hardcoded min-height: 100vh) lets this page
   claim exactly that remaining space, however tall the navbar actually rendered, rather than
   assuming it owns the full viewport and running taller than one screen every time. */
.limerick-page {
  flex: 1;
  min-height: 0;
  padding: 2rem 1.5rem;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.limerick-frame {
  max-width: 95vw;
  text-align: center;
}

.limerick-edit {
  display: block;
  margin: 1.5rem 0 0;
}

.limerick-body {
  font-style: italic;
  /* pre, not pre-line: a long verse line must never soft-wrap into two visual rows — a
     limerick has exactly 5 lines, and the rendered page must always show exactly 5. */
  white-space: pre;
  display: inline-block;
  font-size: clamp(1.5rem, 4.2vw, 2.9rem);
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin: 0;
}