/* Kompaktes Ranking – Ergänzung zu flachwitze.css */
.witze > .witz { margin: 0 0 1.1rem; padding: .65rem 0 .85rem; border-bottom: 1px solid rgba(210,220,235,.42); }
.witze > .witz-bild { margin: 1.25rem 0; }
.witze > .witz > .frage { margin: 0 0 .3rem !important; padding: 0 !important; line-height: 1.35; }
.witze > .witz > .antwort { margin: 0 0 .22rem !important; padding: 0 !important; font-weight: 400 !important; line-height: 1.35; }
.witze > .witz > .bewertung { display: flex; flex-direction: column; align-items: flex-start; gap: .12rem; margin: 0 !important; padding: 0; }
.witz .bewertungs-durchschnitt { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; min-height: 17px; line-height: 1.15; }
.witz .durchschnitt-sterne { display: inline-flex; gap: 1px; line-height: 1; }
.witz .durchschnitt-stern { font-size: 15px; line-height: 1; color: transparent; background: linear-gradient(90deg,#e7ac27 0 var(--fuellung),#9ba5b5 var(--fuellung) 100%); background-clip: text; -webkit-background-clip: text; }
.witz .bewertungs-info { font-size: 12px; line-height: 1.25; color: #c5ccd8; }
.witz .bewertungs-eingabe { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; min-height: 32px; }
.witz .bewertungs-label { font-size: 14px; font-weight: 500; color: #e5e7eb; white-space: nowrap; }
.witz .sterne { display: inline-flex; align-items: center; gap: 1px; }
.witz .stern { appearance: none; border: 0; background: transparent; color: #aab2c0; padding: 3px 2px; min-width: 28px; min-height: 32px; font-size: 24px; line-height: 1; cursor: pointer; }
.witz .stern.aktiv { color: #e7ac27; }
.witz .stern:hover:not(:disabled) { color: #f4bf4d; }
.witz .stern:focus-visible { outline: 2px solid #f4bf4d; outline-offset: 1px; border-radius: 3px; }
.witz .stern:disabled { cursor: default; opacity: .6; }
.witze-api-fehler { color: #f7b8b8; }
@media (max-width: 480px) { .witze > .witz { padding: .6rem 0 .75rem; } .witz .stern { min-width: 30px; min-height: 34px; } }