From e0ca010026515894bedf656398552beac22b159e Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 10 Oct 2025 21:44:51 +0100
Subject: [PATCH] feat: improve hero image rendering with zoom-to-fit on mobile

---
 src/index.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/index.css b/src/index.css
index e8d42461..a8e56973 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1458,6 +1458,28 @@ body.mobile-sidebar-open {
     line-height: 1.6;
     margin: 0;
   }
+
+  .reader-hero-image {
+    min-height: 280px;
+    max-height: 400px;
+    height: 50vh;
+  }
+
+  .reader-hero-image img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+    object-position: center;
+  }
+
+  .reader-header-overlay {
+    padding: 1.5rem 1rem 1rem;
+  }
+
+  .reader-header-overlay .reader-title {
+    font-size: 1.5rem;
+    line-height: 1.3;
+  }
 }
 
 /* Private Bookmark Styles */