From 1d145b0c5e504e8b89b6cae8207ca0dc8132732a Mon Sep 17 00:00:00 2001
From: yukihane <yukihane.feather@gmail.com>
Date: Sun, 15 Feb 2026 17:25:19 +0900
Subject: [PATCH 1/2] test(example): add issue-157 reproduction list items

---
 exampleSite/content/posts/issue-157-list-wrap.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 exampleSite/content/posts/issue-157-list-wrap.md

diff --git a/exampleSite/content/posts/issue-157-list-wrap.md b/exampleSite/content/posts/issue-157-list-wrap.md
new file mode 100644
index 00000000..82225b44
--- /dev/null
+++ b/exampleSite/content/posts/issue-157-list-wrap.md
@@ -0,0 +1,14 @@
+---
+title: "List Wrapping Reproduction"
+date: 2026-02-15T16:56:19+09:00
+description: "Minimal reproduction for long list item wrapping behavior."
+tags: [css, markdown]
+---
+
+## Reproduction
+
+- loremaaaaaaaaaa loremaaaaaaaaaa loremaaaaaaaaaa loremaaaaaaaaaa loremaaaaaaaaaa loremaaaaaaaaaa loremaaaaaaaaaa
+- loremaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+aaaaaaaaaaaaaaaaaa
+- https://wiki.archlinux.org/title/Docker#Run_GPU_accelerated_Docker_containers_with_NVIDIA_GPUs
+

From 9d756f48b9aa3138671999669d5aa915b9d6dcf8 Mon Sep 17 00:00:00 2001
From: yukihane <yukihane.feather@gmail.com>
Date: Sun, 15 Feb 2026 17:25:37 +0900
Subject: [PATCH 2/2] fix(css): stabilize long list item bullet layout

---
 assets/css/main.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index fea4f24c..fe2b50a4 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -152,21 +152,25 @@ a:focus {
   outline-style: solid;
 }
 
-/* Lists */
-ul {
+/* Lists (post body) */
+.post-content .body ul {
   list-style: none;
-  /* Fallback for older browsers */
-  padding-left: 2ch;
-  /* Modern logical properties */
-  padding-inline-start: 2ch;
+  padding-left: 0;
+  padding-inline-start: 0;
 }
 
-ul li {
-  text-indent: -2ch;
+.post-content .body ul li {
+  position: relative;
+  padding-left: 2ch;
+  padding-inline-start: 2ch;
+  text-indent: 0;
 }
 
-ul > li::before {
+.post-content .body ul > li::before {
   content: '* ';
+  position: absolute;
+  left: 0;
+  inset-inline-start: 0;
   font-weight: bold;
   color: var(--color-primary, #dc143c);
 }