/* ── PhantastikCharts – seitenspezifisches CSS für rezensionen.php ────────
   Ausgelagert aus dem früheren Inline-<style>-Block (Aufräumaktion 2026-08-22),
   damit der Browser diese Datei über Page-Loads hinweg cachen kann (per <link>
   + asset_url()-Cache-Busting eingebunden, wie assets/style.css). */

.page-wrap { max-width: 900px; margin: 0 auto; padding: 1.5rem 1rem; }
h1 { font-size: 1.5rem; font-weight: 800; border-bottom: 2px solid #1a1a1a; padding-bottom: 0.5rem; margin: 0 0 1.25rem; }

/* .filter-pill, .pagination/.page-btn, .review-list/.review-row/... : siehe
   assets/style.css (Aufräumaktion 2026-08-22, waren 1:1-Duplikate mit
   index.php bzw. anderen Listen-Seiten). .review-entry/.empty-results bleiben
   hier, da nur diese Seite mehrere Rezensionen je Buch gruppiert. */
.genre-filter { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1.25rem; }

.review-entry { margin-top: 0.6rem; padding-top: 0.6rem; border-top: 1px solid #f0f0e8; }
.review-entry:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.empty-results {
    background: #fff; border: 1px solid #e0e0d8; border-radius: 6px;
    padding: 3rem; text-align: center; color: #aaa;
}

@media (max-width: 540px) {
    .review-cover-wrap { display: flex; gap: 0.75rem; }
}