/* =========================================================
   poems.css — Poems page
   Sticky-note card layout for the poems collection page.
   ========================================================= */

/* --- Intro line --- */
.poems-intro {
  font-style: italic;
  color: #555;
  margin-bottom: 1.5rem;
}

/* --- Single poem display --- */
.poem-single {
  margin-bottom: 1.25rem;
}

/* --- Individual card --- */
.poem-card {
  display: inline-block;
  width: max-content;
  max-width: 100%;
  padding: 1rem 1.25rem 1.25rem;
  border-top: 4px solid;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.08);
}

/* Sticky-note colours (applied via JS class) */
.poem-card.c1 { background: #fefce8; border-color: #ca8a04; }
.poem-card.c2 { background: #f0fdf4; border-color: #16a34a; }
.poem-card.c3 { background: #fdf2f8; border-color: #db2777; }
.poem-card.c4 { background: #eff6ff; border-color: #2563eb; }
.poem-card.c5 { background: #f5f3ff; border-color: #7c3aed; }

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .poem-card.c1 { background: #2d2500; border-color: #ca8a04; }
  .poem-card.c2 { background: #052e16; border-color: #16a34a; }
  .poem-card.c3 { background: #2d0a1e; border-color: #db2777; }
  .poem-card.c4 { background: #030d1f; border-color: #2563eb; }
  .poem-card.c5 { background: #150b2d; border-color: #7c3aed; }

  .poem-card__title,
  .poem-card__text,
  .poem-card__author {
    color: #e5e7eb;
  }

  .poems-intro {
    color: #9ca3af;
  }
}

/* --- Card title --- */
.poem-card__title {
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 0.35rem;
  color: #bcb85f;
}

/* --- Author --- */
.poem-card__author {
  font-size: 0.78rem;
  font-style: italic;
  color: #555;
  margin: 0 0 0.75rem;
}

/* --- Poem body: preserve line breaks, wrap long lines --- */
.poem-card__text {
  font-family: var(--font-family-monospace, monospace);
  font-size: 0.8rem;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  color: #c0c0c0;
  background: transparent;
  border: none;
  padding: 0;
}