diff --git a/files/css/index.css b/files/css/index.css
index 0a0bb54..4beffe1 100644
--- a/files/css/index.css
+++ b/files/css/index.css
@@ -402,6 +402,57 @@ button:active {
   transform: translate(2px, 2px);
 }
 
+label {
+  display: block;
+  width: calc(round(down, 100%, 1ch));
+  height: auto;
+  line-height: var(--line-height);
+  font-weight: var(--font-weight-medium);
+  margin: 0;
+}
+
+label input {
+  width: 100%;
+}
+
+.tree, .tree ul {
+  position: relative;
+  padding-left: 0;
+  list-style-type: none;
+  line-height: var(--line-height);
+}
+.tree ul {
+  margin: 0;
+}
+.tree ul li {
+  position: relative;
+  padding-left: 1.5ch;
+  margin-left: calc(1.5ch - var(--border-thickness));
+  border-left: var(--border-thickness) solid var(--text-color);
+}
+.tree ul li:before {
+  position: absolute;
+  display: block;
+  top: calc(var(--line-height) / 2);
+  left: 0;
+  content: "";
+  width: 1ch;
+  border-bottom: var(--border-thickness) solid var(--text-color);
+}
+.tree ul li:last-child {
+  border-left: none;
+  padding-left: calc(1.5ch + var(--border-thickness));
+}
+.tree ul li:last-child:after {
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  content: "";
+  height: calc(var(--line-height) / 2);
+  border-left: var(--border-thickness) solid var(--text-color);
+}
+
 /* Code Blocks */
 pre {
   white-space: pre;
@@ -725,4 +776,4 @@ nav > * + * {
 /* Optional: Add specific adjustments for certain images if needed */
 [data-theme="dark"] .theme-aware-image.adjust-contrast {
   filter: invert(1) hue-rotate(180deg) contrast(0.8);
-}
\ No newline at end of file
+}