diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 4d658f42..a29f281d 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -14,7 +14,7 @@ body.zen-mode-enable {
   }
 }
 
-/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -225,8 +225,6 @@ textarea {
   /* 1 */
   line-height: inherit;
   /* 1 */
-  letter-spacing: inherit;
-  /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
@@ -250,9 +248,9 @@ select {
 */
 
 button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
+[type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -702,11 +700,7 @@ select {
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: 
+  --tw-backdrop-sepia: 
 }
 
 ::backdrop {
@@ -756,11 +750,7 @@ select {
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: 
+  --tw-backdrop-sepia: 
 }
 
 .container {
@@ -849,7 +839,7 @@ select {
   list-style-type:decimal;
   margin-top:1.25em;
   margin-bottom:1.25em;
-  padding-inline-start:1.625em
+  padding-left:1.625em
 }
 
 .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -892,7 +882,7 @@ select {
   list-style-type:disc;
   margin-top:1.25em;
   margin-bottom:1.25em;
-  padding-inline-start:1.625em
+  padding-left:1.625em
 }
 
 .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
@@ -921,12 +911,12 @@ select {
   font-weight:500;
   font-style:italic;
   color:var(--tw-prose-quotes);
-  border-inline-start-width:0.25rem;
-  border-inline-start-color:var(--tw-prose-quote-borders);
+  border-left-width:0.25rem;
+  border-left-color:var(--tw-prose-quote-borders);
   quotes:"\201C""\201D""\2018""\2019";
   margin-top:1.6em;
   margin-bottom:1.6em;
-  padding-inline-start:1em
+  padding-left:1em
 }
 
 .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
@@ -1003,11 +993,6 @@ select {
   margin-bottom:2em
 }
 
-.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  margin-top:2em;
-  margin-bottom:2em
-}
-
 .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   font-weight:600;
   font-family:inherit;
@@ -1016,9 +1001,9 @@ select {
   font-size:0.9rem;
   border-radius:0.25rem;
   padding-top:0.1875em;
-  padding-inline-end:0.375em;
+  padding-right:0.375em;
   padding-bottom:0.1875em;
-  padding-inline-start:0.375em;
+  padding-left:0.375em;
   background-color:rgba(var(--color-neutral-200), 1);
   padding:0.1rem 0.4rem
 }
@@ -1086,9 +1071,9 @@ select {
   margin-bottom:1.7142857em;
   border-radius:0.375rem;
   padding-top:0.8571429em;
-  padding-inline-end:1.1428571em;
+  padding-right:1.1428571em;
   padding-bottom:0.8571429em;
-  padding-inline-start:1.1428571em
+  padding-left:1.1428571em
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1114,7 +1099,7 @@ select {
 .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   width:100%;
   table-layout:auto;
-  text-align:start;
+  text-align:left;
   margin-top:2em;
   margin-bottom:2em;
   font-size:0.875em;
@@ -1130,9 +1115,9 @@ select {
   color:var(--tw-prose-headings);
   font-weight:600;
   vertical-align:bottom;
-  padding-inline-end:0.5714286em;
+  padding-right:0.5714286em;
   padding-bottom:0.5714286em;
-  padding-inline-start:0.5714286em
+  padding-left:0.5714286em
 }
 
 .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1215,17 +1200,22 @@ select {
   margin-bottom:0
 }
 
+.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+  margin-top:2em;
+  margin-bottom:2em
+}
+
 .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   margin-top:0.5em;
   margin-bottom:0.5em
 }
 
 .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  padding-inline-start:0.375em
+  padding-left:0.375em
 }
 
 .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  padding-inline-start:0.375em
+  padding-left:0.375em
 }
 
 .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1261,7 +1251,7 @@ select {
 
 .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   margin-top:0.5em;
-  padding-inline-start:1.625em
+  padding-left:1.625em
 }
 
 .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1281,26 +1271,26 @@ select {
 }
 
 .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  padding-inline-start:0
+  padding-left:0
 }
 
 .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  padding-inline-end:0
+  padding-right:0
 }
 
 .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   padding-top:0.5714286em;
-  padding-inline-end:0.5714286em;
+  padding-right:0.5714286em;
   padding-bottom:0.5714286em;
-  padding-inline-start:0.5714286em
+  padding-left:0.5714286em
 }
 
 .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  padding-inline-start:0
+  padding-left:0
 }
 
 .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-  padding-inline-end:0
+  padding-right:0
 }
 
 .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -3177,7 +3167,7 @@ body:has(#menu-controller:checked) {
   color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
 }
 
-.toc a:is(.dark *) {
+:is(.dark .toc a) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
 }
@@ -3224,7 +3214,7 @@ body:has(#menu-controller:checked) {
   opacity:0.9
 }
 
-.copy-button:is(.dark *) {
+:is(.dark .copy-button) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity));
   --tw-text-opacity:1;
@@ -3239,10 +3229,10 @@ body:has(#menu-controller:checked) {
   background-color:rgba(var(--color-primary-100), var(--tw-bg-opacity))
 }
 
-.copy-button:hover:is(.dark *),
-.copy-button:focus:is(.dark *),
-.copy-button:active:is(.dark *),
-.copy-button:active:hover:is(.dark *) {
+:is(.dark .copy-button:hover),:is(.dark 
+.copy-button:focus),:is(.dark 
+.copy-button:active),:is(.dark 
+.copy-button:active:hover) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
 }
@@ -3288,7 +3278,7 @@ code {
   color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
 }
 
-.prose .chroma:is(.dark *) {
+:is(.dark .prose .chroma) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity));
   --tw-text-opacity:1;
@@ -3333,7 +3323,7 @@ code {
   padding-right:1rem
 }
 
-.chroma .hl:is(.dark *) {
+:is(.dark .chroma .hl) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
@@ -3358,8 +3348,8 @@ code {
   color:rgba(var(--color-neutral-600), var(--tw-text-opacity))
 }
 
-.chroma .lnt:is(.dark *),
-.chroma .ln:is(.dark *) {
+:is(.dark .chroma .lnt),:is(.dark 
+.chroma .ln) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
 }
@@ -3398,16 +3388,16 @@ code {
   color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
 
-.chroma .k:is(.dark *),
-.chroma .kd:is(.dark *),
-.chroma .kn:is(.dark *),
-.chroma .kp:is(.dark *),
-.chroma .kr:is(.dark *),
-.chroma .nc:is(.dark *),
-.chroma .fm:is(.dark *),
-.chroma .nn:is(.dark *),
-.chroma .vc:is(.dark *),
-.chroma .o:is(.dark *) {
+:is(.dark .chroma .k),:is(.dark 
+.chroma .kd),:is(.dark 
+.chroma .kn),:is(.dark 
+.chroma .kp),:is(.dark 
+.chroma .kr),:is(.dark 
+.chroma .nc),:is(.dark 
+.chroma .fm),:is(.dark 
+.chroma .nn),:is(.dark 
+.chroma .vc),:is(.dark 
+.chroma .o) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-300), var(--tw-text-opacity))
 }
@@ -3420,7 +3410,7 @@ code {
   color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
-.chroma .kc:is(.dark *) {
+:is(.dark .chroma .kc) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
@@ -3462,17 +3452,17 @@ code {
   color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
-.chroma .kt:is(.dark *),
-.chroma .nv:is(.dark *),
-.chroma .vi:is(.dark *),
-.chroma .vm:is(.dark *),
-.chroma .m:is(.dark *),
-.chroma .mb:is(.dark *),
-.chroma .mf:is(.dark *),
-.chroma .mh:is(.dark *),
-.chroma .mi:is(.dark *),
-.chroma .il:is(.dark *),
-.chroma .mo:is(.dark *) {
+:is(.dark .chroma .kt),:is(.dark 
+.chroma .nv),:is(.dark 
+.chroma .vi),:is(.dark 
+.chroma .vm),:is(.dark 
+.chroma .m),:is(.dark 
+.chroma .mb),:is(.dark 
+.chroma .mf),:is(.dark 
+.chroma .mh),:is(.dark 
+.chroma .mi),:is(.dark 
+.chroma .il),:is(.dark 
+.chroma .mo) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
 }
@@ -3493,10 +3483,10 @@ code {
   color:rgba(var(--color-secondary-900), var(--tw-text-opacity))
 }
 
-.chroma .n:is(.dark *),
-.chroma .nd:is(.dark *),
-.chroma .ni:is(.dark *),
-.chroma .nl:is(.dark *) {
+:is(.dark .chroma .n),:is(.dark 
+.chroma .nd),:is(.dark 
+.chroma .ni),:is(.dark 
+.chroma .nl) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-200), var(--tw-text-opacity))
 }
@@ -3523,12 +3513,12 @@ code {
   color:rgba(var(--color-secondary-800), var(--tw-text-opacity))
 }
 
-.chroma .na:is(.dark *),
-.chroma .nb:is(.dark *),
-.chroma .bp:is(.dark *),
-.chroma .nx:is(.dark *),
-.chroma .py:is(.dark *),
-.chroma .nt:is(.dark *) {
+:is(.dark .chroma .na),:is(.dark 
+.chroma .nb),:is(.dark 
+.chroma .bp),:is(.dark 
+.chroma .nx),:is(.dark 
+.chroma .py),:is(.dark 
+.chroma .nt) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-300), var(--tw-text-opacity))
 }
@@ -3547,9 +3537,9 @@ code {
   color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
-.chroma .no:is(.dark *),
-.chroma .ne:is(.dark *),
-.chroma .vg:is(.dark *) {
+:is(.dark .chroma .no),:is(.dark 
+.chroma .ne),:is(.dark 
+.chroma .vg) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
@@ -3561,7 +3551,7 @@ code {
   color:rgba(var(--color-secondary-600), var(--tw-text-opacity))
 }
 
-.chroma .nf:is(.dark *) {
+:is(.dark .chroma .nf) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
@@ -3618,22 +3608,22 @@ code {
   color:rgba(var(--color-primary-800), var(--tw-text-opacity))
 }
 
-.chroma .l:is(.dark *),
-.chroma .ld:is(.dark *),
-.chroma .s:is(.dark *),
-.chroma .sa:is(.dark *),
-.chroma .sb:is(.dark *),
-.chroma .sc:is(.dark *),
-.chroma .dl:is(.dark *),
-.chroma .sd:is(.dark *),
-.chroma .s2:is(.dark *),
-.chroma .sh:is(.dark *),
-.chroma .si:is(.dark *),
-.chroma .sx:is(.dark *),
-.chroma .s1:is(.dark *),
-.chroma .gi:is(.dark *),
-.chroma .go:is(.dark *),
-.chroma .gp:is(.dark *) {
+:is(.dark .chroma .l),:is(.dark 
+.chroma .ld),:is(.dark 
+.chroma .s),:is(.dark 
+.chroma .sa),:is(.dark 
+.chroma .sb),:is(.dark 
+.chroma .sc),:is(.dark 
+.chroma .dl),:is(.dark 
+.chroma .sd),:is(.dark 
+.chroma .s2),:is(.dark 
+.chroma .sh),:is(.dark 
+.chroma .si),:is(.dark 
+.chroma .sx),:is(.dark 
+.chroma .s1),:is(.dark 
+.chroma .gi),:is(.dark 
+.chroma .go),:is(.dark 
+.chroma .gp) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
@@ -3646,7 +3636,7 @@ code {
   color:rgba(var(--color-secondary-400), var(--tw-text-opacity))
 }
 
-.chroma .se:is(.dark *) {
+:is(.dark .chroma .se) {
   --tw-text-opacity:1;
   color:rgba(var(--color-secondary-500), var(--tw-text-opacity))
 }
@@ -3662,8 +3652,8 @@ code {
   color:rgba(var(--color-primary-800), var(--tw-text-opacity))
 }
 
-.chroma .sr:is(.dark *),
-.chroma .ss:is(.dark *) {
+:is(.dark .chroma .sr),:is(.dark 
+.chroma .ss) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
@@ -3676,7 +3666,7 @@ code {
   color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
-.chroma .ow:is(.dark *) {
+:is(.dark .chroma .ow) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-600), var(--tw-text-opacity))
 }
@@ -3704,12 +3694,12 @@ code {
   color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
 }
 
-.chroma .c:is(.dark *),
-.chroma .cm:is(.dark *),
-.chroma .c1:is(.dark *),
-.chroma .cs:is(.dark *),
-.chroma .cp:is(.dark *),
-.chroma .cpf:is(.dark *) {
+:is(.dark .chroma .c),:is(.dark 
+.chroma .cm),:is(.dark 
+.chroma .c1),:is(.dark 
+.chroma .cs),:is(.dark 
+.chroma .cp),:is(.dark 
+.chroma .cpf) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
 }
@@ -3723,7 +3713,7 @@ code {
   color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
 }
 
-.chroma .ch:is(.dark *) {
+:is(.dark .chroma .ch) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
 }
@@ -4651,7 +4641,7 @@ pre {
   /* 32:9 Aspect Ratio */
 }
 
-.dark\:prose-invert:is(.dark *) {
+:is(.dark .dark\:prose-invert) {
   --tw-prose-body:var(--tw-prose-invert-body);
   --tw-prose-headings:var(--tw-prose-invert-headings);
   --tw-prose-lead:var(--tw-prose-invert-lead);
@@ -4672,32 +4662,32 @@ pre {
   --tw-prose-td-borders:var(--tw-prose-invert-td-borders);
 }
 
-.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   text-decoration-color:rgba(var(--color-neutral-600), 1);
 }
 
-.dark\:prose-invert:is(.dark *) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
+:is(.dark .dark\:prose-invert) :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover {
   color:rgba(var(--color-primary-400), 1)
 }
 
-.dark\:prose-invert:is(.dark *) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   color:rgba(var(--color-neutral-200), 1);
   background-color:rgba(var(--color-neutral-700), 1)
 }
 
-.dark\:prose-invert:is(.dark *) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(mark):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   background-color:rgba(var(--color-primary-400), 1)
 }
 
-.dark\:prose-invert:is(.dark *) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   background-color:rgba(var(--color-neutral-700), 1)
 }
 
-.dark\:prose-invert:is(.dark *) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(a.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
-.dark\:prose-invert:is(.dark *) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+:is(.dark .dark\:prose-invert) :where(p.active):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   text-decoration-color:rgba(var(--color-primary-400), 1)
 }
 
@@ -4939,197 +4929,197 @@ pre {
   }
 }
 
-.dark\:flex:is(.dark *) {
+:is(.dark .dark\:flex) {
   display:flex
 }
 
-.dark\:hidden:is(.dark *) {
+:is(.dark .dark\:hidden) {
   display:none
 }
 
-.dark\:border-neutral-400:is(.dark *) {
+:is(.dark .dark\:border-neutral-400) {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity))
 }
 
-.dark\:border-neutral-600:is(.dark *) {
+:is(.dark .dark\:border-neutral-600) {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity))
 }
 
-.dark\:border-neutral-700:is(.dark *) {
+:is(.dark .dark\:border-neutral-700) {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity))
 }
 
-.dark\:border-primary-300:is(.dark *) {
+:is(.dark .dark\:border-primary-300) {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-primary-300), var(--tw-border-opacity))
 }
 
-.dark\:border-primary-600:is(.dark *) {
+:is(.dark .dark\:border-primary-600) {
   --tw-border-opacity:1;
   border-color:rgba(var(--color-primary-600), var(--tw-border-opacity))
 }
 
-.dark\:bg-neutral-400:is(.dark *) {
+:is(.dark .dark\:bg-neutral-400) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral-400), var(--tw-bg-opacity))
 }
 
-.dark\:bg-neutral-600:is(.dark *) {
+:is(.dark .dark\:bg-neutral-600) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral-600), var(--tw-bg-opacity))
 }
 
-.dark\:bg-neutral-700:is(.dark *) {
+:is(.dark .dark\:bg-neutral-700) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity))
 }
 
-.dark\:bg-neutral-800:is(.dark *) {
+:is(.dark .dark\:bg-neutral-800) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-neutral-800), var(--tw-bg-opacity))
 }
 
-.dark\:bg-neutral-800\/50:is(.dark *) {
+:is(.dark .dark\:bg-neutral-800\/50) {
   background-color:rgba(var(--color-neutral-800), 0.5)
 }
 
-.dark\:bg-neutral-900\/50:is(.dark *) {
+:is(.dark .dark\:bg-neutral-900\/50) {
   background-color:rgba(var(--color-neutral-900), 0.5)
 }
 
-.dark\:bg-primary-300:is(.dark *) {
+:is(.dark .dark\:bg-primary-300) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-300), var(--tw-bg-opacity))
 }
 
-.dark\:bg-primary-400:is(.dark *) {
+:is(.dark .dark\:bg-primary-400) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
 }
 
-.dark\:bg-primary-800:is(.dark *) {
+:is(.dark .dark\:bg-primary-800) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
 }
 
-.dark\:bg-primary-900:is(.dark *) {
+:is(.dark .dark\:bg-primary-900) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
 
-.dark\:from-neutral-800:is(.dark *) {
+:is(.dark .dark\:from-neutral-800) {
   --tw-gradient-from:rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position);
   --tw-gradient-to:rgba(var(--color-neutral-800), 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
 }
 
-.dark\:from-primary-600:is(.dark *) {
+:is(.dark .dark\:from-primary-600) {
   --tw-gradient-from:rgba(var(--color-primary-600), 1) var(--tw-gradient-from-position);
   --tw-gradient-to:rgba(var(--color-primary-600), 0) var(--tw-gradient-to-position);
   --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
 }
 
-.dark\:to-neutral-800:is(.dark *) {
+:is(.dark .dark\:to-neutral-800) {
   --tw-gradient-to:rgba(var(--color-neutral-800), 1) var(--tw-gradient-to-position)
 }
 
-.dark\:to-secondary-800:is(.dark *) {
+:is(.dark .dark\:to-secondary-800) {
   --tw-gradient-to:rgba(var(--color-secondary-800), 1) var(--tw-gradient-to-position)
 }
 
-.dark\:text-neutral:is(.dark *) {
+:is(.dark .dark\:text-neutral) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-100:is(.dark *) {
+:is(.dark .dark\:text-neutral-100) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-100), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-200:is(.dark *) {
+:is(.dark .dark\:text-neutral-200) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-200), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-300:is(.dark *) {
+:is(.dark .dark\:text-neutral-300) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-300), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-400:is(.dark *) {
+:is(.dark .dark\:text-neutral-400) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-400), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-500:is(.dark *) {
+:is(.dark .dark\:text-neutral-500) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-500), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-700:is(.dark *) {
+:is(.dark .dark\:text-neutral-700) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
 }
 
-.dark\:text-neutral-800:is(.dark *) {
+:is(.dark .dark\:text-neutral-800) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
 }
 
-.dark\:text-primary-200:is(.dark *) {
+:is(.dark .dark\:text-primary-200) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-200), var(--tw-text-opacity))
 }
 
-.dark\:text-primary-400:is(.dark *) {
+:is(.dark .dark\:text-primary-400) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
-.dark\:opacity-60:is(.dark *) {
+:is(.dark .dark\:opacity-60) {
   opacity:0.6
 }
 
-.dark\:hover\:\!bg-primary-700:hover:is(.dark *) {
+:is(.dark .dark\:hover\:\!bg-primary-700:hover) {
   --tw-bg-opacity:1 !important;
   background-color:rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important
 }
 
-.dark\:hover\:bg-primary-400:hover:is(.dark *) {
+:is(.dark .dark\:hover\:bg-primary-400:hover) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
 }
 
-.dark\:hover\:bg-primary-900:hover:is(.dark *) {
+:is(.dark .dark\:hover\:bg-primary-900:hover) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
 
-.dark\:hover\:text-neutral-800:hover:is(.dark *) {
+:is(.dark .dark\:hover\:text-neutral-800:hover) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-800), var(--tw-text-opacity))
 }
 
-.dark\:hover\:text-primary-400:hover:is(.dark *) {
+:is(.dark .dark\:hover\:text-primary-400:hover) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
 
-.dark\:focus\:bg-primary-900:focus:is(.dark *) {
+:is(.dark .dark\:focus\:bg-primary-900:focus) {
   --tw-bg-opacity:1;
   background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
 }
 
-.group:hover .dark\:group-hover\:text-neutral-700:is(.dark *) {
+:is(.dark .group:hover .dark\:group-hover\:text-neutral-700) {
   --tw-text-opacity:1;
   color:rgba(var(--color-neutral-700), var(--tw-text-opacity))
 }
 
-.group:hover .dark\:group-hover\:text-primary-400:is(.dark *) {
+:is(.dark .group:hover .dark\:group-hover\:text-primary-400) {
   --tw-text-opacity:1;
   color:rgba(var(--color-primary-400), var(--tw-text-opacity))
 }
diff --git a/layouts/partials/meta/likes.html b/layouts/partials/meta/likes.html
index fecda06d..efe98437 100644
--- a/layouts/partials/meta/likes.html
+++ b/layouts/partials/meta/likes.html
@@ -1,17 +1,19 @@
 <span>
-    {{ if eq .Kind "taxonomy"}}
-    <span id="likes_taxonomy_{{ .Page.Data.Plural }}" 
-    {{ else if eq .Kind "term"}}
-    <span id="likes_term_{{ .Page.Data.Term }}" 
-    {{ else }}
-        {{ $path := .File.Path }}
-        {{range .AllTranslations}}
-            {{ $lang := print "."  .Lang  ".md" }}
-            {{ $path = replace $path $lang ".md" }}
-        {{end}}
-    <span id="likes_{{ $path }}" 
-    {{ end }}
-        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-300 dark:bg-neutral-400" title="likes">loading</span> 
-    <span class="inline-block align-text-bottom">{{ partial "icon.html" "heart" }}</span>
-</span>
-{{- /* Trim EOF */ -}}
\ No newline at end of file
+  {{ if eq .Kind "taxonomy" }}
+  <span id="likes_taxonomy_{{ .Page.Data.Plural }}">
+  {{ else if eq .Kind "term" }}
+  <span id="likes_term_{{ .Page.Data.Term }}">
+  {{ else }}
+      {{ $translations := .AllTranslations }}
+      {{ with .File }}
+          {{ $path := .Path }}
+          {{range $translations}}
+              {{ $lang := print "."  .Lang  ".md" }}
+              {{ $path = replace $path $lang ".md" }}
+          {{end}}
+          <span id="likes_{{ $path }}">
+      {{ end }}
+  {{ end }}
+      class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-300 dark:bg-neutral-400" title="likes">loading</span>
+  <span class="inline-block align-text-bottom">{{ partial "icon.html" "heart" }}</span>
+</span>
\ No newline at end of file
diff --git a/layouts/partials/meta/views.html b/layouts/partials/meta/views.html
index 48a8dda8..4c831f9a 100644
--- a/layouts/partials/meta/views.html
+++ b/layouts/partials/meta/views.html
@@ -1,17 +1,19 @@
 <span>
-    {{ if eq .Kind "taxonomy"}}
-    <span id="views_taxonomy_{{ .Page.Data.Plural }}"
-    {{ else if eq .Kind "term"}}
-    <span id="views_term_{{ .Page.Data.Term }}"
+    {{ if eq .Kind "taxonomy" }}
+    <span id="views_taxonomy_{{ .Page.Data.Plural }}">
+    {{ else if eq .Kind "term" }}
+    <span id="views_term_{{ .Page.Data.Term }}">
     {{ else }}
-        {{ $path := .File.Path }}
-        {{range .AllTranslations}}
-            {{ $lang := print "."  .Lang  ".md" }}
-            {{ $path = replace $path $lang ".md" }}
-        {{end}}
-    <span id="views_{{ $path }}" 
+        {{ $translations := .AllTranslations }}
+        {{ with .File }}
+            {{ $path := .Path }}
+            {{range $translations}}
+                {{ $lang := print "."  .Lang  ".md" }}
+                {{ $path = replace $path $lang ".md" }}
+            {{end}}
+            <span id="views_{{ $path }}"> 
+        {{ end }}
     {{ end }}
-        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-300 dark:bg-neutral-400" title="views">loading</span> 
+        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-300 dark:bg-neutral-400" title="views">loading</span>
     <span class="inline-block align-text-bottom">{{ partial "icon.html" "eye" }}</span>
-</span>
-{{- /* Trim EOF */ -}}
+</span>
\ No newline at end of file