diff --git a/about/index.html b/about/index.html
index 1f4d8a27..b017f0d0 100644
--- a/about/index.html
+++ b/about/index.html
@@ -107,20 +107,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/accessibility/index.html b/accessibility/index.html
index e83bf98f..d063062c 100644
--- a/accessibility/index.html
+++ b/accessibility/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/adoptables/index.html b/adoptables/index.html
index a98d0dc7..5b3fd286 100644
--- a/adoptables/index.html
+++ b/adoptables/index.html
@@ -93,20 +93,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/archive/index.html b/archive/index.html
index 5bfba089..09226c82 100644
--- a/archive/index.html
+++ b/archive/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -386,7 +379,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -396,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -406,7 +399,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -416,7 +409,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
diff --git a/articles/accessible-footnotes/index.html b/articles/accessible-footnotes/index.html
index cc9feec9..28e3ef1c 100644
--- a/articles/accessible-footnotes/index.html
+++ b/articles/accessible-footnotes/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,14 +403,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/articles/anti-harry-potter-jk-rowling-masterlist/index.html
index 13323f3a..f96d6ad8 100644
--- a/articles/anti-harry-potter-jk-rowling-masterlist/index.html
+++ b/articles/anti-harry-potter-jk-rowling-masterlist/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,14 +403,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/designated-lesbian-syndrome-fandom/index.html b/articles/designated-lesbian-syndrome-fandom/index.html
index 22118e4e..12cfaeee 100644
--- a/articles/designated-lesbian-syndrome-fandom/index.html
+++ b/articles/designated-lesbian-syndrome-fandom/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,14 +360,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/index.html b/articles/index.html
index 4cb82a14..7d96fed4 100644
--- a/articles/index.html
+++ b/articles/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/articles/kotor2-modder-interview-ars-technica/index.html b/articles/kotor2-modder-interview-ars-technica/index.html
index 6b784ff5..e145e2b1 100644
--- a/articles/kotor2-modder-interview-ars-technica/index.html
+++ b/articles/kotor2-modder-interview-ars-technica/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,14 +360,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/lgbtq-booklet-interview-misi-bawang/index.html b/articles/lgbtq-booklet-interview-misi-bawang/index.html
index 29b349dc..d5fee008 100644
--- a/articles/lgbtq-booklet-interview-misi-bawang/index.html
+++ b/articles/lgbtq-booklet-interview-misi-bawang/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,14 +360,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/living-with-retinitis-pigmentosa/index.html b/articles/living-with-retinitis-pigmentosa/index.html
index 23ac2ac6..22a18e2f 100644
--- a/articles/living-with-retinitis-pigmentosa/index.html
+++ b/articles/living-with-retinitis-pigmentosa/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,14 +360,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/my-dislike-of-shipping-culture/index.html b/articles/my-dislike-of-shipping-culture/index.html
index f0a6e8d3..3d77ba33 100644
--- a/articles/my-dislike-of-shipping-culture/index.html
+++ b/articles/my-dislike-of-shipping-culture/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,14 +360,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/articles/palestine-masterlist/index.html b/articles/palestine-masterlist/index.html
index 7e169387..4b809510 100644
--- a/articles/palestine-masterlist/index.html
+++ b/articles/palestine-masterlist/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,14 +403,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/index.html b/blog/index.html
index 3f921796..3f643bf2 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -128,20 +128,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/blog/page/2/index.html b/blog/page/2/index.html
index 7226c59b..0dccfe74 100644
--- a/blog/page/2/index.html
+++ b/blog/page/2/index.html
@@ -128,20 +128,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/blog/page/3/index.html b/blog/page/3/index.html
index eed7f352..dad45144 100644
--- a/blog/page/3/index.html
+++ b/blog/page/3/index.html
@@ -128,20 +128,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html b/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
index 21af6568..ebca711a 100644
--- a/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
+++ b/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html b/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
index b756c7c8..4034fdec 100644
--- a/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
+++ b/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html b/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
index ec3de519..a9542d73 100644
--- a/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
+++ b/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html b/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
index cdb77131..517a06aa 100644
--- a/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
+++ b/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html b/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
index 4129a918..54d5c170 100644
--- a/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
+++ b/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html b/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
index d3492fe6..9c84be20 100644
--- a/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
+++ b/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html b/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
index 6ee5a951..6af8cee7 100644
--- a/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
+++ b/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html b/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
index fdf090af..e5898f70 100644
--- a/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
+++ b/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html b/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
index 76a3817c..714215d9 100644
--- a/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
+++ b/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html b/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
index 333d5278..11f3a736 100644
--- a/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
+++ b/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html b/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
index e8e14693..9405813f 100644
--- a/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
+++ b/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html b/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
index 2ee96823..3dbfdfda 100644
--- a/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
+++ b/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html b/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
index 4693a110..c9d06611 100644
--- a/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
+++ b/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-05-14-james-somerton-my-video-game-footage/index.html b/blog/posts/2024-05-14-james-somerton-my-video-game-footage/index.html
index 54e2cd84..6202fa84 100644
--- a/blog/posts/2024-05-14-james-somerton-my-video-game-footage/index.html
+++ b/blog/posts/2024-05-14-james-somerton-my-video-game-footage/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-05-29-new-guestbook-leilukins-hub/index.html b/blog/posts/2024-05-29-new-guestbook-leilukins-hub/index.html
index 2aec00fb..26ea2ea2 100644
--- a/blog/posts/2024-05-29-new-guestbook-leilukins-hub/index.html
+++ b/blog/posts/2024-05-29-new-guestbook-leilukins-hub/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/index.html b/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/index.html
index 6cd39ff5..9515e154 100644
--- a/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/index.html
+++ b/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-06-12-performance-improvement-leilukins-hub/index.html b/blog/posts/2024-06-12-performance-improvement-leilukins-hub/index.html
index fb51c896..35c5449d 100644
--- a/blog/posts/2024-06-12-performance-improvement-leilukins-hub/index.html
+++ b/blog/posts/2024-06-12-performance-improvement-leilukins-hub/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/index.html b/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/index.html
index fd42e68d..f677e558 100644
--- a/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/index.html
+++ b/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/index.html b/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/index.html
index 03060d51..4d78b49e 100644
--- a/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/index.html
+++ b/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-07-02-fanlisting-collective-launch/index.html b/blog/posts/2024-07-02-fanlisting-collective-launch/index.html
index 0587a9dd..fbb336bb 100644
--- a/blog/posts/2024-07-02-fanlisting-collective-launch/index.html
+++ b/blog/posts/2024-07-02-fanlisting-collective-launch/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/index.html b/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/index.html
index c0e19422..ff41168c 100644
--- a/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/index.html
+++ b/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/index.html b/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/index.html
index f4f8d6b0..c4c07740 100644
--- a/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/index.html
+++ b/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-10-28-re-social-media-personal-blog/index.html b/blog/posts/2024-10-28-re-social-media-personal-blog/index.html
index e6060e1f..d863a616 100644
--- a/blog/posts/2024-10-28-re-social-media-personal-blog/index.html
+++ b/blog/posts/2024-10-28-re-social-media-personal-blog/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/index.html b/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/index.html
index 45266092..9be6ce17 100644
--- a/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/index.html
+++ b/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-12-16-leaving-my-first-developer-job/index.html b/blog/posts/2024-12-16-leaving-my-first-developer-job/index.html
index c0aca2a4..bd2c2a62 100644
--- a/blog/posts/2024-12-16-leaving-my-first-developer-job/index.html
+++ b/blog/posts/2024-12-16-leaving-my-first-developer-job/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-12-25-leilukins-2024-in-review/index.html b/blog/posts/2024-12-25-leilukins-2024-in-review/index.html
index 6151e5ab..2317331d 100644
--- a/blog/posts/2024-12-25-leilukins-2024-in-review/index.html
+++ b/blog/posts/2024-12-25-leilukins-2024-in-review/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/index.html b/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/index.html
index 942238a6..d866cb2b 100644
--- a/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/index.html
+++ b/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2024-12-27-my-2024-christmas-season/index.html b/blog/posts/2024-12-27-my-2024-christmas-season/index.html
index 48087f57..98c0153b 100644
--- a/blog/posts/2024-12-27-my-2024-christmas-season/index.html
+++ b/blog/posts/2024-12-27-my-2024-christmas-season/index.html
@@ -58,20 +58,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -367,17 +360,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/2025-01-07-blog-questions-challenge/index.html b/blog/posts/2025-01-07-blog-questions-challenge/index.html
index 09bdb544..25d85e19 100644
--- a/blog/posts/2025-01-07-blog-questions-challenge/index.html
+++ b/blog/posts/2025-01-07-blog-questions-challenge/index.html
@@ -99,20 +99,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -410,17 +403,13 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/blog/">Blog</a>
-            </li>
-            <li>
-                <a href="/blog/posts/">Blog Archive</a>
-            </li>
-        </ol>
+        
+        <a href="/blog/">Blog</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/blog/posts/">Blog Archive</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/blog/posts/index.html b/blog/posts/index.html
index 2e971be2..8e74b666 100644
--- a/blog/posts/index.html
+++ b/blog/posts/index.html
@@ -69,20 +69,13 @@
         font-size: 1.7rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/32-bit-cafe/index.html b/categories/32-bit-cafe/index.html
index 682671ea..f57c884f 100644
--- a/categories/32-bit-cafe/index.html
+++ b/categories/32-bit-cafe/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/a-bugs-life/index.html b/categories/a-bugs-life/index.html
index 870b5d6e..46a9207f 100644
--- a/categories/a-bugs-life/index.html
+++ b/categories/a-bugs-life/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/a-summers-end/index.html b/categories/a-summers-end/index.html
index 384393e2..d82d471e 100644
--- a/categories/a-summers-end/index.html
+++ b/categories/a-summers-end/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/accessibility/index.html b/categories/accessibility/index.html
index 6f15d7bb..4dbceda6 100644
--- a/categories/accessibility/index.html
+++ b/categories/accessibility/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/asia/index.html b/categories/asia/index.html
index f1318ef3..7e76890d 100644
--- a/categories/asia/index.html
+++ b/categories/asia/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/blogging/index.html b/categories/blogging/index.html
index a66bef79..cd922c0b 100644
--- a/categories/blogging/index.html
+++ b/categories/blogging/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/cassette-beasts/index.html b/categories/cassette-beasts/index.html
index 8f96f48d..f6d546a4 100644
--- a/categories/cassette-beasts/index.html
+++ b/categories/cassette-beasts/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/code-projects/index.html b/categories/code-projects/index.html
index 46463783..eb515d4c 100644
--- a/categories/code-projects/index.html
+++ b/categories/code-projects/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/css/index.html b/categories/css/index.html
index 2d9b2ee6..f82f2a3d 100644
--- a/categories/css/index.html
+++ b/categories/css/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/disability/index.html b/categories/disability/index.html
index 0741dd70..19c91d98 100644
--- a/categories/disability/index.html
+++ b/categories/disability/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/dracula-daily/index.html b/categories/dracula-daily/index.html
index 094a66dc..1c52c0cb 100644
--- a/categories/dracula-daily/index.html
+++ b/categories/dracula-daily/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/eleventy/index.html b/categories/eleventy/index.html
index c4ec6566..5482cedc 100644
--- a/categories/eleventy/index.html
+++ b/categories/eleventy/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/fandom-culture/index.html b/categories/fandom-culture/index.html
index a4ce88a1..641119c7 100644
--- a/categories/fandom-culture/index.html
+++ b/categories/fandom-culture/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/gaming/index.html b/categories/gaming/index.html
index 90b8704e..a348d998 100644
--- a/categories/gaming/index.html
+++ b/categories/gaming/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/harry-potter/index.html b/categories/harry-potter/index.html
index c34585bc..f117a628 100644
--- a/categories/harry-potter/index.html
+++ b/categories/harry-potter/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/html/index.html b/categories/html/index.html
index a1176a1b..8d7d62b7 100644
--- a/categories/html/index.html
+++ b/categories/html/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/index.html b/categories/index.html
index 030cb77a..f564d373 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/indieweb/index.html b/categories/indieweb/index.html
index c594e7fb..59fa5ec4 100644
--- a/categories/indieweb/index.html
+++ b/categories/indieweb/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/jk-rowling/index.html b/categories/jk-rowling/index.html
index ce687578..2304ef77 100644
--- a/categories/jk-rowling/index.html
+++ b/categories/jk-rowling/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/lesbian/index.html b/categories/lesbian/index.html
index 31f52c41..54150bfb 100644
--- a/categories/lesbian/index.html
+++ b/categories/lesbian/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/lgbtq/index.html b/categories/lgbtq/index.html
index 76e57119..27bbaa3d 100644
--- a/categories/lgbtq/index.html
+++ b/categories/lgbtq/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/life-updates/index.html b/categories/life-updates/index.html
index ff2284c2..1483bc3b 100644
--- a/categories/life-updates/index.html
+++ b/categories/life-updates/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/life/index.html b/categories/life/index.html
index 0a678ef3..724514fa 100644
--- a/categories/life/index.html
+++ b/categories/life/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/malaysia/index.html b/categories/malaysia/index.html
index 2d55d207..2600fefe 100644
--- a/categories/malaysia/index.html
+++ b/categories/malaysia/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/markdown-it/index.html b/categories/markdown-it/index.html
index d87396bd..7ae78ca8 100644
--- a/categories/markdown-it/index.html
+++ b/categories/markdown-it/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/my-birthday/index.html b/categories/my-birthday/index.html
index 42e4b96b..6e531b70 100644
--- a/categories/my-birthday/index.html
+++ b/categories/my-birthday/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/my-interviews/index.html b/categories/my-interviews/index.html
index 0c0dc893..252b3597 100644
--- a/categories/my-interviews/index.html
+++ b/categories/my-interviews/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/palestine/index.html b/categories/palestine/index.html
index 4112a55a..100da037 100644
--- a/categories/palestine/index.html
+++ b/categories/palestine/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/personal-life/index.html b/categories/personal-life/index.html
index dca7d731..e088d576 100644
--- a/categories/personal-life/index.html
+++ b/categories/personal-life/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/personal-web/index.html b/categories/personal-web/index.html
index e519cfba..63eb005c 100644
--- a/categories/personal-web/index.html
+++ b/categories/personal-web/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/pokemon-oras/index.html b/categories/pokemon-oras/index.html
index 0b9a9937..1dafb9e9 100644
--- a/categories/pokemon-oras/index.html
+++ b/categories/pokemon-oras/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/pokemon/index.html b/categories/pokemon/index.html
index e3d32da3..250cba35 100644
--- a/categories/pokemon/index.html
+++ b/categories/pokemon/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/retinitis-pigmentosa/index.html b/categories/retinitis-pigmentosa/index.html
index c7aec48f..d16f13bd 100644
--- a/categories/retinitis-pigmentosa/index.html
+++ b/categories/retinitis-pigmentosa/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/shrines/index.html b/categories/shrines/index.html
index 73e62e2e..1bcdf43e 100644
--- a/categories/shrines/index.html
+++ b/categories/shrines/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/site-anniversary/index.html b/categories/site-anniversary/index.html
index ec0cd566..6ac3ac13 100644
--- a/categories/site-anniversary/index.html
+++ b/categories/site-anniversary/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/site-meta/index.html b/categories/site-meta/index.html
index 5398211c..fc34b4a5 100644
--- a/categories/site-meta/index.html
+++ b/categories/site-meta/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/site-updates/index.html b/categories/site-updates/index.html
index f29a64d7..67c10924 100644
--- a/categories/site-updates/index.html
+++ b/categories/site-updates/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/social-media/index.html b/categories/social-media/index.html
index 94f58420..3c8bf878 100644
--- a/categories/social-media/index.html
+++ b/categories/social-media/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/star-wars-kotor-2/index.html b/categories/star-wars-kotor-2/index.html
index 7db6a570..f0e77cf0 100644
--- a/categories/star-wars-kotor-2/index.html
+++ b/categories/star-wars-kotor-2/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -389,7 +382,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -399,7 +392,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -409,7 +402,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
diff --git a/categories/star-wars-kotor/index.html b/categories/star-wars-kotor/index.html
index 835a0a30..1092d925 100644
--- a/categories/star-wars-kotor/index.html
+++ b/categories/star-wars-kotor/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -389,7 +382,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
diff --git a/categories/stardew-valley/index.html b/categories/stardew-valley/index.html
index a9334163..95198cd5 100644
--- a/categories/stardew-valley/index.html
+++ b/categories/stardew-valley/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -389,7 +382,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
 </ul>
diff --git a/categories/video-game-mods/index.html b/categories/video-game-mods/index.html
index e025cf3c..6d60a0a9 100644
--- a/categories/video-game-mods/index.html
+++ b/categories/video-game-mods/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -389,7 +382,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -399,7 +392,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
@@ -409,7 +402,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Tue Jan 07 2025 08:24:54 GMT+0000 (Coordinated Universal Time)">7 January 2025</time>
+            <time datetime="Fri Jan 10 2025 09:28:04 GMT+0000 (Coordinated Universal Time)">10 January 2025</time>
         </li>
     
         <li>
diff --git a/categories/web-development/index.html b/categories/web-development/index.html
index 9b9e82cb..ddbe1bc4 100644
--- a/categories/web-development/index.html
+++ b/categories/web-development/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/year-in-review/index.html b/categories/year-in-review/index.html
index 1f395bb5..a0c759a6 100644
--- a/categories/year-in-review/index.html
+++ b/categories/year-in-review/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/categories/youtube/index.html b/categories/youtube/index.html
index ed5b6b19..304b0db3 100644
--- a/categories/youtube/index.html
+++ b/categories/youtube/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/2022/index.html b/changelogs/2022/index.html
index 60d8db01..5a23a7f4 100644
--- a/changelogs/2022/index.html
+++ b/changelogs/2022/index.html
@@ -82,20 +82,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/2023/index.html b/changelogs/2023/index.html
index 9a778e42..db896c97 100644
--- a/changelogs/2023/index.html
+++ b/changelogs/2023/index.html
@@ -82,20 +82,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/2024/index.html b/changelogs/2024/index.html
index 3304f880..2e4eea7c 100644
--- a/changelogs/2024/index.html
+++ b/changelogs/2024/index.html
@@ -82,20 +82,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/2025/index.html b/changelogs/2025/index.html
index ab147c72..72745e23 100644
--- a/changelogs/2025/index.html
+++ b/changelogs/2025/index.html
@@ -82,20 +82,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/index.html b/changelogs/index.html
index 0722ac30..4c1ac5de 100644
--- a/changelogs/index.html
+++ b/changelogs/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/layouts/index.html b/changelogs/layouts/index.html
index 054dddb4..65d4590f 100644
--- a/changelogs/layouts/index.html
+++ b/changelogs/layouts/index.html
@@ -123,20 +123,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/2/index.html b/changelogs/page/2/index.html
index 41cbd821..ff8df1fa 100644
--- a/changelogs/page/2/index.html
+++ b/changelogs/page/2/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/3/index.html b/changelogs/page/3/index.html
index 01976217..409dfb60 100644
--- a/changelogs/page/3/index.html
+++ b/changelogs/page/3/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/4/index.html b/changelogs/page/4/index.html
index d26a687c..0cacd60a 100644
--- a/changelogs/page/4/index.html
+++ b/changelogs/page/4/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/5/index.html b/changelogs/page/5/index.html
index 6e5459ee..795613d7 100644
--- a/changelogs/page/5/index.html
+++ b/changelogs/page/5/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/6/index.html b/changelogs/page/6/index.html
index 7e2efee0..27f7b848 100644
--- a/changelogs/page/6/index.html
+++ b/changelogs/page/6/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/7/index.html b/changelogs/page/7/index.html
index e8907685..e55c63f0 100644
--- a/changelogs/page/7/index.html
+++ b/changelogs/page/7/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/changelogs/page/8/index.html b/changelogs/page/8/index.html
index 78d9cb2d..134218d6 100644
--- a/changelogs/page/8/index.html
+++ b/changelogs/page/8/index.html
@@ -126,20 +126,13 @@
         }
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/colophon/index.html b/colophon/index.html
index 09095aa0..a4afddc1 100644
--- a/colophon/index.html
+++ b/colophon/index.html
@@ -91,20 +91,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/guestbook/index.html b/guestbook/index.html
index 87f25719..94f8efcd 100644
--- a/guestbook/index.html
+++ b/guestbook/index.html
@@ -194,20 +194,13 @@ gw-comment-card.collapsed .comment-header-right time { display: none; }
         margin-bottom: 0.5em;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/index.html b/index.html
index 3d282598..b8d07529 100644
--- a/index.html
+++ b/index.html
@@ -65,20 +65,13 @@
         margin-top: 0.7em;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/links/index.html b/links/index.html
index 0fe6fc1a..196e7020 100644
--- a/links/index.html
+++ b/links/index.html
@@ -56,20 +56,13 @@
     margin-top: 1em;
 }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/links/stardew-valley-mod-list/index.html b/links/stardew-valley-mod-list/index.html
index 82de0fd8..25e07b71 100644
--- a/links/stardew-valley-mod-list/index.html
+++ b/links/stardew-valley-mod-list/index.html
@@ -91,20 +91,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -402,14 +395,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/links/">Links</a>
-            </li>
-        </ol>
+        
+        <a href="/links/">Links</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/now/index.html b/now/index.html
index 11e1b607..be98314f 100644
--- a/now/index.html
+++ b/now/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/projects/code/bellabuffs-phpmailer/index.html b/projects/code/bellabuffs-phpmailer/index.html
index 689ce5a1..79c74838 100644
--- a/projects/code/bellabuffs-phpmailer/index.html
+++ b/projects/code/bellabuffs-phpmailer/index.html
@@ -50,20 +50,13 @@
         <link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
         
         <style>.breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -359,14 +352,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/projects/">Projects</a>
-            </li>
-        </ol>
+        
+        <a href="/projects/">Projects</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/projects/index.html b/projects/index.html
index d6af4de6..d020cc37 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -91,20 +91,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/projects/playlists/index.html b/projects/playlists/index.html
index fe423a7f..3f755618 100644
--- a/projects/playlists/index.html
+++ b/projects/playlists/index.html
@@ -91,20 +91,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -402,14 +395,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/projects/">Projects</a>
-            </li>
-        </ol>
+        
+        <a href="/projects/">Projects</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/projects/snippets/disability-pride-flag-background/index.html b/projects/snippets/disability-pride-flag-background/index.html
index a5db012d..fe1f8f31 100644
--- a/projects/snippets/disability-pride-flag-background/index.html
+++ b/projects/snippets/disability-pride-flag-background/index.html
@@ -51,20 +51,13 @@
         
         <style>.flag-disability.demo { height: 23rem; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -360,14 +353,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/projects/">Projects</a>
-            </li>
-        </ol>
+        
+        <a href="/projects/">Projects</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/projects/videogamemods/kotor1/index.html b/projects/videogamemods/kotor1/index.html
index c8cbc395..f219abd4 100644
--- a/projects/videogamemods/kotor1/index.html
+++ b/projects/videogamemods/kotor1/index.html
@@ -91,20 +91,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -402,14 +395,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/projects/">Projects</a>
-            </li>
-        </ol>
+        
+        <a href="/projects/">Projects</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/projects/videogamemods/kotor2/index.html b/projects/videogamemods/kotor2/index.html
index d754aec8..a63187b9 100644
--- a/projects/videogamemods/kotor2/index.html
+++ b/projects/videogamemods/kotor2/index.html
@@ -91,20 +91,13 @@
         font-size: 1rem;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -402,14 +395,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/projects/">Projects</a>
-            </li>
-        </ol>
+        
+        <a href="/projects/">Projects</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/asummersend/gallery/index.html b/shrines/asummersend/gallery/index.html
index b2e0cf80..3a417f17 100644
--- a/shrines/asummersend/gallery/index.html
+++ b/shrines/asummersend/gallery/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/asummersend/index.html b/shrines/asummersend/index.html
index 956a94ac..90bb66cc 100644
--- a/shrines/asummersend/index.html
+++ b/shrines/asummersend/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/asummersend/playlists/index.html b/shrines/asummersend/playlists/index.html
index c7a04ee1..cd390608 100644
--- a/shrines/asummersend/playlists/index.html
+++ b/shrines/asummersend/playlists/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/asummersend/trivia/index.html b/shrines/asummersend/trivia/index.html
index 56f9b44f..b9caec12 100644
--- a/shrines/asummersend/trivia/index.html
+++ b/shrines/asummersend/trivia/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html b/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
index 359b4084..a73e1cee 100644
--- a/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
+++ b/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -445,20 +438,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/cassettebeasts/">Cassette Beasts Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/cassettebeasts/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/cassettebeasts/">Cassette Beasts Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/cassettebeasts/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/cassettebeasts/articles/index.html b/shrines/cassettebeasts/articles/index.html
index cc47ddfc..4455a138 100644
--- a/shrines/cassettebeasts/articles/index.html
+++ b/shrines/cassettebeasts/articles/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/cassettebeasts/facts/index.html b/shrines/cassettebeasts/facts/index.html
index 7c0a38b5..3d9757d5 100644
--- a/shrines/cassettebeasts/facts/index.html
+++ b/shrines/cassettebeasts/facts/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/cassettebeasts/featured/index.html b/shrines/cassettebeasts/featured/index.html
index be10d160..c41ff121 100644
--- a/shrines/cassettebeasts/featured/index.html
+++ b/shrines/cassettebeasts/featured/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/cassettebeasts/gamelog/index.html b/shrines/cassettebeasts/gamelog/index.html
index 3f54cf3d..413c02be 100644
--- a/shrines/cassettebeasts/gamelog/index.html
+++ b/shrines/cassettebeasts/gamelog/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/cassettebeasts/index.html b/shrines/cassettebeasts/index.html
index 6537e543..0a234aff 100644
--- a/shrines/cassettebeasts/index.html
+++ b/shrines/cassettebeasts/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/cassettebeasts/resources/index.html b/shrines/cassettebeasts/resources/index.html
index 438e8a18..821c5be8 100644
--- a/shrines/cassettebeasts/resources/index.html
+++ b/shrines/cassettebeasts/resources/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/index.html b/shrines/index.html
index b0a7b1aa..fc435334 100644
--- a/shrines/index.html
+++ b/shrines/index.html
@@ -62,20 +62,13 @@
         gap: 0.7em;
     }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/pokemonoras/index.html b/shrines/pokemonoras/index.html
index 51a5c17c..39dd363c 100644
--- a/shrines/pokemonoras/index.html
+++ b/shrines/pokemonoras/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html b/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
index 0b7f876a..7995da36 100644
--- a/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
+++ b/shrines/starwarskotor/articles/arren-kae-kreia-theory/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html b/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
index 49f4df95..3c4e83b1 100644
--- a/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
+++ b/shrines/starwarskotor/articles/faq-same-gender-romance-mods/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -431,20 +424,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html b/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
index b2b6e440..6982487d 100644
--- a/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
+++ b/shrines/starwarskotor/articles/handmaiden-sisters-mother/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/index.html b/shrines/starwarskotor/articles/index.html
index b6e03ead..09a65334 100644
--- a/shrines/starwarskotor/articles/index.html
+++ b/shrines/starwarskotor/articles/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html b/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
index fa8f35f2..6416dee1 100644
--- a/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
+++ b/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html b/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
index a12a170c..61bbe8ce 100644
--- a/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
+++ b/shrines/starwarskotor/articles/juhani-lesbian-evidence/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html b/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
index e7cf9e8a..23c6cf28 100644
--- a/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
+++ b/shrines/starwarskotor/articles/keep-juhani-a-lesbian/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/partyswap-management-takeover/index.html b/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
index 2c652ff8..9fa9a2df 100644
--- a/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
+++ b/shrines/starwarskotor/articles/partyswap-management-takeover/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html b/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
index 01165221..6bde5a09 100644
--- a/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
+++ b/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/articles/">Articles</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/articles/">Articles</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/guides/index.html b/shrines/starwarskotor/guides/index.html
index edbe0b70..3ba73db5 100644
--- a/shrines/starwarskotor/guides/index.html
+++ b/shrines/starwarskotor/guides/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html b/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
index d5485211..49f856e9 100644
--- a/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
+++ b/shrines/starwarskotor/guides/kotor-juhani-romance-guide/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -431,20 +424,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/guides/">Guides</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/guides/">Guides</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html b/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
index a3e25846..543ff870 100644
--- a/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
+++ b/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -431,20 +424,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/guides/">Guides</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/guides/">Guides</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html b/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
index d4782521..8225f605 100644
--- a/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
+++ b/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -431,20 +424,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/guides/">Guides</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/guides/">Guides</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/index.html b/shrines/starwarskotor/index.html
index d198623d..7a929bd3 100644
--- a/shrines/starwarskotor/index.html
+++ b/shrines/starwarskotor/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/starwarskotor/resources/index.html b/shrines/starwarskotor/resources/index.html
index 87bf23a5..4ec960f0 100644
--- a/shrines/starwarskotor/resources/index.html
+++ b/shrines/starwarskotor/resources/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html b/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
index aa0d029c..1e537803 100644
--- a/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
+++ b/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -431,20 +424,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/resources/">Resources</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/resources/">Resources</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html b/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
index 51b4b6c8..0e79951f 100644
--- a/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
+++ b/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -431,20 +424,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/resources/">Resources</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/resources/">Resources</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html b/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
index b0090673..a0aa63c8 100644
--- a/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
+++ b/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html
@@ -72,20 +72,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
@@ -388,20 +381,15 @@
         <main id="content">
             <header class="main__header">
     
-    <nav aria-labelledby="breadcrumbs-title">
+    <nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
         <h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
-        <ol class="breadcrumbs">
-            
-            <li>
-                <a href="/shrines/">Shrines</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
-            </li>
-            <li>
-                <a href="/shrines/starwarskotor/resources/">Resources</a>
-            </li>
-        </ol>
+        
+        <a href="/shrines/">Shrines</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
+        <span aria-hidden="true">➔</span>
+        <a href="/shrines/starwarskotor/resources/">Resources</a>
+        <span aria-hidden="true">➔</span>
     </nav>
     
 
diff --git a/shrines/starwarskotor/universes/index.html b/shrines/starwarskotor/universes/index.html
index 4da3da86..a1b3ae27 100644
--- a/shrines/starwarskotor/universes/index.html
+++ b/shrines/starwarskotor/universes/index.html
@@ -113,20 +113,13 @@
 
     .shrine__info ul { margin-top: 0.5em; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;
diff --git a/sitemap.xml b/sitemap.xml
index 83b45ad5..9a1619eb 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1244,241 +1244,241 @@
     </url>
     <url>
         <loc>https://leilukin.com/blog/posts/</loc>
-        <lastmod>2025-01-07T08:24:54.280Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.031Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2022/</loc>
-        <lastmod>2025-01-07T08:24:54.286Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2023/</loc>
-        <lastmod>2025-01-07T08:24:54.286Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2024/</loc>
-        <lastmod>2025-01-07T08:24:54.286Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2025/</loc>
-        <lastmod>2025-01-07T08:24:54.286Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/layouts/</loc>
-        <lastmod>2025-01-07T08:24:54.286Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/</loc>
-        <lastmod>2025-01-07T08:24:54.286Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/links/stardew-valley-mod-list/</loc>
-        <lastmod>2025-01-07T08:24:54.287Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.038Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc>
-        <lastmod>2025-01-07T08:24:54.287Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.039Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/playlists/</loc>
-        <lastmod>2025-01-07T08:24:54.287Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.039Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc>
-        <lastmod>2025-01-07T08:24:54.287Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.039Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/asummersend/gallery/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.039Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/asummersend/playlists/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.039Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/asummersend/trivia/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.039Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.040Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.040Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.040Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.040Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.040Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/articles/</loc>
-        <lastmod>2025-01-07T08:24:54.288Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.041Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/guides/</loc>
-        <lastmod>2025-01-07T08:24:54.289Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.042Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/</loc>
-        <lastmod>2025-01-07T08:24:54.289Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.042Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc>
-        <lastmod>2025-01-07T08:24:54.289Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.042Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.042Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/universes/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/archive/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/categories/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/about/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/adoptables/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.043Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/articles/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/blog/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/guestbook/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/links/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/now/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/accessibility/</loc>
-        <lastmod>2025-01-07T08:24:54.290Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/colophon/</loc>
-        <lastmod>2025-01-07T08:24:54.291Z</lastmod>
+        <lastmod>2025-01-10T09:28:04.044Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
diff --git a/sitemap/index.html b/sitemap/index.html
index 341c8745..1ab90d92 100644
--- a/sitemap/index.html
+++ b/sitemap/index.html
@@ -74,20 +74,13 @@
     .sitemap ul ul li::marker { content: "♥"; }
     .sitemap ul ul ul li::marker { content: "❣"; }
 .breadcrumbs {
-        list-style-type: "";
-        padding: 0;
-        margin: 0 0 0.7em 0;
+        margin-bottom: 0.7em;
         display: flex;
         gap: 0.5em;
         flex-wrap: wrap;
         justify-content: center;
     }
 
-    .breadcrumbs li::after {
-        content: '➔';
-        padding-left: 0.3em;
-    }
-
     .blog__post--pagination {
         padding-top: 1em;
         margin-block-start: 2.5em;