/* ============================================================
   poems.css – Gedichte und Lieder
   ============================================================ */

/* ---------- Kategorien ---------- */
.kattabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem;max-width:800px}
.kat{
  font-family:var(--sans);font-size:.86rem;font-weight:600;cursor:pointer;
  background:var(--page);border:1px solid var(--bone-2);border-radius:0;
  padding:.45rem .85rem;color:var(--ink-2);
  display:inline-flex;align-items:center;gap:.5rem;
}
.kat:hover{color:var(--ink);border-color:var(--chrome)}
.kat.on{background:var(--ink);border-color:var(--ink);color:var(--bone)}
.katzahl{
  font-size:.72rem;font-weight:600;line-height:1;
  padding:.16rem .34rem;background:var(--bone);color:var(--ink-2);
}
.kat.on .katzahl{background:rgba(230,231,225,.22);color:var(--bone)}
.kat.leer{opacity:.55}
.kat.leer:hover{opacity:1}
.katinfo{
  margin:0 0 1.1rem;font-size:.9rem;color:var(--ink-2);max-width:70ch;
}

/* ---------- Liste ---------- */
.poemlist{display:grid;gap:.45rem;max-width:800px}

.poem{background:var(--page);border:1px solid var(--bone-2);border-left:4px solid var(--bone-2)}
.poem:hover{border-left-color:var(--chrome)}
.poem.open{border-left-color:var(--red)}

.poemhead{
  display:flex;align-items:baseline;gap:1rem;width:100%;
  font:inherit;text-align:left;cursor:pointer;
  background:transparent;border:0;border-radius:0;
  padding:.62rem 1rem;
}
.poemhead:hover .ptitle{color:var(--red)}
.ptitle{font-family:var(--sans);font-weight:600;font-size:1.05rem;letter-spacing:-.015em;line-height:1.2}
.pmeta{font-family:var(--sans);font-size:.76rem;color:var(--ink-2);margin-left:auto;text-align:right;white-space:nowrap}
.pmark{font-family:var(--sans);font-size:1.1rem;line-height:1;color:var(--chrome);width:.9rem;text-align:center}

.poemnote{
  margin:0;padding:0 1rem .8rem;
  font-size:.86rem;color:var(--ink-2);
}
.poembody{padding:.2rem 1rem 1.3rem}

.poemintro{
  font-style:italic;color:var(--ink-2);
  border-left:2px solid var(--bone-2);padding-left:.9rem;margin-bottom:1.4rem;
}
.poemtext{font-size:1rem;line-height:1.8;max-width:62ch}
.poemtext .stanza{margin:0 0 1.05rem}
.poemtext .stanza:last-child{margin-bottom:0}

.song{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--bone-2)}
.songhead{font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--red);margin-bottom:.6rem}
.song audio{width:100%;max-width:440px;display:block}
.songnote{margin:.7rem 0 0;font-size:.8rem;color:var(--ink-2)}

@media(max-width:520px){
  .poemhead{flex-wrap:wrap;gap:.3rem}
  .pmeta{margin-left:0;width:100%;text-align:left;order:3}
  .pmark{margin-left:auto}
}

/* Der Fehlerkasten (.poemfail) steht in base.css, weil ihn auch
   die Buchseiten benutzen. */