.feedback{margin:32px 0;padding:24px;background:#1c2135;border:1px solid #353a50;border-radius:16px}.feedback h2{margin-top:0}.feedback h3{margin-top:28px}.feedback-rating{font-size:1.15rem}.feedback-rating>span{color:#e8bd65}.feedback-rating small,.feedback-note,.feedback-comment time{color:#aab0c7}.feedback-action{display:inline-block;padding:11px 16px;border-radius:10px;background:#7d62d6;color:white;text-decoration:none;font-weight:700}.feedback-action:hover{background:#967feb}.feedback-comment{border-top:1px solid #353a50;padding:15px 0}.feedback-comment time{font-size:.8rem;margin-left:8px}.feedback-comment p{overflow-wrap:anywhere;white-space:normal}.songlink{color:inherit;text-decoration:none}.songlink:hover{text-decoration:underline}@media(max-width:720px){.feedback{padding:16px}}

/* v1.5.3.9: kompakter Community-Bereich */
.feedback{margin:18px 0;padding:16px 20px}
.feedback h2{font-size:1.25rem;line-height:1.3;margin:0 0 8px}
.feedback .feedback-rating{margin:0 0 10px;font-size:1rem;line-height:1.4}
.feedback .feedback-action{padding:8px 12px;font-size:.95rem}
.feedback>p:has(>.feedback-action){margin:0}
.feedback h3{margin:18px 0 8px;font-size:1.05rem}
.feedback .feedback-note{margin:0 0 4px;font-size:.9rem}
.feedback:not(:has(.feedback-comment)) h3{display:none}
.feedback:not(:has(.feedback-comment)) .feedback-note{display:none}
@media(max-width:720px){.feedback{padding:14px 16px}}

/* 1.5.4.0: Zweispaltige Community-Ansicht auf breiten Bildschirmen */
.feedback-columns{display:grid;grid-template-columns:minmax(240px, 0.9fr) minmax(0, 1.7fr);column-gap:28px;align-items:start}
.feedback-columns .feedback-summary,.feedback-columns .feedback-discussion{min-width:0}
.feedback-columns .feedback-discussion h3{margin:0 0 12px;font-size:1.1rem}
.feedback-columns .feedback-discussion .feedback-comment:first-of-type{border-top:0;padding-top:0}
.feedback-columns .feedback-discussion .feedback-note{margin:0;color:#aab0c7}
.feedback-columns .feedback-summary>p:last-child{margin-bottom:0}
/* Ohne Kommentare bleibt die rechte Spalte sichtbar, aber kompakt. */
.feedback-columns:not(:has(.feedback-comment)) .feedback-discussion h3,
.feedback-columns:not(:has(.feedback-comment)) .feedback-discussion .feedback-note{display:block}
@media(max-width:850px){.feedback-columns{grid-template-columns:minmax(0,1fr);row-gap:16px}.feedback-columns .feedback-discussion{border-top:1px solid #353a50;padding-top:12px}}