diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 2d490da..b35cdf9 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -814,8 +814,10 @@ body::after {
 /* ── Story cards in feed ─────────────────────────────────────────────────────── */
 
 .entry-card--story {
-    border-left: 3px solid var(--color-accent);
-    padding-left: var(--space-5);
+    border: 2px solid var(--color-accent);
+    border-radius: var(--radius-md);
+    padding: var(--space-6);
+    background: var(--color-canvas);
 }
 
 .entry-card-photo--story { aspect-ratio: 16 / 7; }
diff --git a/themes/intotheeast/templates/trip.html.twig b/themes/intotheeast/templates/trip.html.twig
index 22d033d..6fa1b59 100644
--- a/themes/intotheeast/templates/trip.html.twig
+++ b/themes/intotheeast/templates/trip.html.twig
@@ -74,7 +74,7 @@
                     {% endif %}
 
                     {% if item.type == 'journal' %}
-                    <article class="entry-card" id="entry-{{ entry.slug }}" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}">
+                    <article class="entry-card" id="entry-{{ entry.slug }}" data-type="journal" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}">
                         <a class="entry-card-inner" href="{{ entry.url }}">
                             {% if hero %}
                             <div class="entry-card-photo">
@@ -116,7 +116,7 @@
                         </a>
                     </article>
                     {% else %}
-                    <article class="entry-card entry-card--story" id="entry-{{ entry.slug }}">
+                    <article class="entry-card entry-card--story" id="entry-{{ entry.slug }}" data-type="story">
                         <a class="entry-card-inner" href="{{ entry.url }}">
                             {% if hero %}
                             <div class="entry-card-photo entry-card-photo--story">