Add language switching and improve table styling

Add h4 styling Improve footnotes styling Add table styling with
alternating row colors Make site multilingual with language switching
Update footer to use translations Improve language handling in
navigation links

custom/styles/base.css

@@ -28,6 +28,7 @@ h1, h2, h3, h4, h5, h6 {
   margin-top: 1.3em;
   text-wrap: pretty;
 }
+h4 { font-weight: 700}
 
 a {
     color: var(--color-green);
@@ -113,6 +114,10 @@ main {
       font-size: 1.2rem;
       line-height: 1.35em;
     }
+    .footnotes {
+        margin-top:1rem;
+        hr {border: 1px var(--color-grey) dashed}
+    }
   }
 
   .button {
@@ -121,6 +126,42 @@ main {
   }
 }
 
+table {
+  margin-top: 1.3em;
+  border-collapse: collapse;
+  width: 100%;
+
+  thead {
+    tr {
+      background-color: var(--color-green);
+      color: white;
+
+      th {
+        padding: 0.6rem;
+        text-align: left;
+        font-weight: 600;
+      }
+    }
+  }
+
+  tbody {
+    tr {
+      &:nth-child(odd) {
+        background-color: white;
+      }
+
+      &:nth-child(even) {
+        background-color: oklch(0.96 0.005 173.93);
+      }
+
+      td {
+        padding: 0.5rem 0.6rem;
+        border-bottom: 1px solid oklch(0.9 0.01 173.93);
+      }
+    }
+  }
+}
+
 /* BUTTONS */
 .button {
   display: inline-block;