feat: Add styling to details tag

Author: lamATnginx

assets/css/v2/style.css

@@ -1014,6 +1014,21 @@ button:has(~ .product-selector[style*="none"]) > .product-selector-button-icon {
   align-items: flex-start;
 }
 
+/* Details/Summary */
+details summary {
+  color: oklch(var(--color-brand));
+  transition: text-decoration-color 0.15s ease-in-out;
+
+  & ~ * {
+    margin-top: 1rem;
+  }
+}
+
+details:hover {
+  cursor: pointer;
+  text-decoration-color: oklch(var(--color-brand) / 0.8);
+}
+
 /* Table of Contents */
 #TableOfContents {
   /* Close all TOC on sidebar */
@@ -1096,7 +1111,7 @@ h3:target,
 h4:target,
 h5:target,
 h6:target {
-  color: var(--color-brand);
+  color: oklch(var(--color-brand));
 
   .headerlink::before {
     display: block !important;