/* ── PhantastikCharts – seitenspezifisches CSS für index.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: 1000px; margin: 0 auto; padding: 1.5rem 1rem 3rem; }

.landing-intro { margin-bottom: 1.75rem; }
.landing-intro h1 { font-size: 1.5rem; font-weight: 800; color: #1a1a1a; border-bottom: 2px solid #1a1a1a; padding-bottom: 0.5rem; margin: 0 0 1rem; }
.landing-intro p { font-size: 0.92rem; color: #555; line-height: 1.6; text-align: left; }

.landing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem; }
.landing-card { background: #fff; border: 1px solid #e0e0d8; border-radius: 8px; padding: 1.25rem; display: flex; flex-direction: column; min-width: 0; }
.landing-card-header { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; color: #1a1a1a; border-bottom: 2px solid #1a1a1a; padding-bottom: 0.6rem; margin-bottom: 1rem; }
.landing-card-header-note { font-size: 0.75rem; font-weight: 600; text-transform: none; letter-spacing: normal; color: #999; }

.landing-empty { text-align: center; padding: 2rem 1rem; color: #666; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.landing-empty-icon { font-size: 2.5rem; margin-bottom: 0.75rem; }
.landing-empty h3 { font-size: 1.05rem; color: #1a1a1a; margin-bottom: 0.5rem; }
.landing-empty p { font-size: 0.85rem; line-height: 1.5; max-width: 320px; }

.mini-list { display: flex; flex-direction: column; margin-bottom: 1rem; }
.mini-row { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0; border-bottom: 1px solid #f0f0e8; color: inherit; }
.mini-row:last-child { border-bottom: none; }
.mini-rank { font-size: 1.1rem; font-weight: 800; color: #ccc; width: 22px; text-align: center; flex-shrink: 0; }
/* .mini-cover/.mini-cover-empty: siehe .cover-thumb/-empty + .cover-thumb-34 in
   assets/style.css (Aufräumaktion 2026-08-22, war 1:1-Duplikat der 34px-Größe). */
.mini-info { flex: 1; min-width: 0; }
.mini-title { font-size: 0.85rem; font-weight: 700; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-author { font-size: 0.72rem; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-stat { font-size: 0.78rem; font-weight: 700; color: #1a1a1a; flex-shrink: 0; white-space: nowrap; }

.landing-cta-inline { align-self: center; margin-top: auto; }

/* .review-list/.review-row/...: siehe assets/style.css (Aufräumaktion
   2026-08-22, war 1:1 aus rezensionen.php übernommen). Zwei kleine
   Abweichungen bleiben hier als Override erhalten. */
.review-list { margin-bottom: 5px; }
.review-book-author { overflow-wrap: anywhere; }

@media (max-width: 700px) {
    .landing-grid { grid-template-columns: 1fr; }
}