.parchment-bg {
  background:
    #f4ecd8 url('https://cdn.pixabay.com/photo/2015/06/19/21/24/old-814651_960_720.jpg') center center / cover no-repeat;
  color: #2e2b20; /* Dark text for contrast */
  font-family: 'Georgia', serif;
  border: 1px solid #a68b5b;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* Potions result box */
.potion-result-box {
  line-height: 1.3;
  text-indent: 0;
  min-height: 350px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

/* Placeholder text inside the empty result box */
#placeholder-text.potion-placeholder {
  color: #3f29008f;
  font-family: Georgia, serif;
  font-size: 2rem;
  font-style: italic;
  line-height: 1.2;
  text-align: center;
  padding: 0 1rem;
  margin: 0;

  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Generated potion text */
.potion-result-box .item-result,
.potion-result-box .output-line,
.potion-result-box p {
  line-height: 1.35;
  text-align: left;
}

/* Keep placeholder centered, not left-aligned */
.potion-result-box #placeholder-text {
  text-align: center;
}

/* iPad vertical / tablet portrait */
@media (max-width: 1100px) and (orientation: portrait) {
  .potion-result-box {
    min-height: 400px;
  }
}

/* phones */
@media (max-width: 640px) {
  .potion-result-box {
    min-height: 320px;
  }
}