From 1154be3c25be5bb32ef329deeb15f8d9f2add0d4 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Sat, 25 Apr 2026 10:34:06 +0200
Subject: [PATCH] fix(gallery): use not-prose on grid <ul> to escape Typography
 styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Tailwind Typography (`prose prose-zinc`) wrapper applied higher in
the page hierarchy injects `.prose ul` rules — list-style: disc, an
indent, and ::marker color — at a higher specificity than single-class
utilities, so list-none/p-0/m-0 silently lost.

`not-prose` is the official escape hatch from the typography plugin
and zaps every prose rule on the element plus its descendants. One
class instead of three \!important overrides.
---
 src/lib/components/blocks/ImageGalleryBlock.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/blocks/ImageGalleryBlock.svelte b/src/lib/components/blocks/ImageGalleryBlock.svelte
index 3f0f281..09566fb 100644
--- a/src/lib/components/blocks/ImageGalleryBlock.svelte
+++ b/src/lib/components/blocks/ImageGalleryBlock.svelte
@@ -167,7 +167,7 @@
   {#if withUrl.length === 0}
     <p class="text-sm text-stein-500">{t(T.image_gallery_empty)}</p>
   {:else if block.variant === "grid"}
-    <ul class="grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4 list-none p-0 m-0">
+    <ul class="not-prose grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4">
       {#each withUrl as item, i}
         {@const label = imageLabel(item.img)}
         <li class="m-0 p-0">