:root{
  --max-width: 720px;
  --poem-font: Georgia, "Times New Roman", serif;
  --line-height: 1.6;
  --stanza-gap: 1.25rem;
  --poem-color: #222;
}

body{
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: #fbfbfb;
  color: var(--poem-color);
  padding: 2rem 1rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
}

.poems {
  width: 100%;
  max-width: var(--max-width);
}

.poem {
  padding: 1.5rem;
  background: white;
  border-radius: 10px;
  box-shadow: 0 6px 22px rgba(0,0,0,0.06);
}

 
.verse {
  white-space: pre-line;  
  margin: 0 0 var(--stanza-gap) 0;
  line-height: var(--line-height);
  font-family: var(--poem-font);
  font-size: 1.05rem;
  text-align: center;  
  color: var(--poem-color);
  letter-spacing: 0.2px;
}

 
.poem .verse:first-child {
  margin-top: 0;
  font-weight: 700;
}
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}
 
@media (max-width: 420px) {
  .poem {
    padding: 1rem;
  }
  .verse {
    font-size: 0.98rem;
  }
}