fix: improve css

static/custom.css

@@ -36,7 +36,7 @@
     --accent-hover: #5FA5FA7f;
     --accent-text: var(--bg);
     --accent-disabled: #476f95;
-    --table-border: #222F42;
+    --table-border: #263449;
     --table-alternate: #222F42;
   }
 
@@ -49,6 +49,7 @@
 
 body {
   font-size: 1rem;
+  grid-template-columns: 1fr min(55rem, 90%) 1fr;
 }
 
 a,
@@ -135,11 +136,47 @@ h6 {
 td,
 th {
   padding: 0.5rem;
-  border-width: 2px;
+  padding: 1rem 1.5rem;
   border-style: solid;
   border-color: var(--table-border);
-  border-radius: var(--standard-border-radius);
-  padding: 1rem 1.5rem
+}
+
+tr:first-child > td:first-child {
+  border-top-left-radius: var(--standard-border-radius);
+}
+
+tr:first-child > td:last-child {
+  border-top-right-radius: var(--standard-border-radius);
+}
+
+tr:last-child > td:first-child {
+  border-bottom-left-radius: var(--standard-border-radius);
+}
+
+tr:last-child > td:last-child {
+  border-bottom-right-radius: var(--standard-border-radius);
+}
+
+tr > td:last-child {
+  border-right-width: .15rem;
+}
+
+tr:first-child > td {
+  border-top-width: .15rem;
+}
+
+tr > td:first-child {
+  border-left-width: .15rem;
+}
+
+tr:last-child > td {
+  border-bottom-width: .15rem;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
 }
 
 th {
@@ -150,11 +187,16 @@ th {
   border: none
 }
 
-tr:nth-child(even) {
+tr:nth-child(even) td {
   /* Set every other cell slightly darker. Improves readability. */
   background-color: var(--table-alternate);
 }
 
+tr:nth-child(even) {
+  /* Set every other cell slightly darker. Improves readability. */
+  background-color: var(--bg);
+}
+
 table caption {
   margin-bottom: 0.5rem;
 }
@@ -181,21 +223,11 @@ pre table td:nth-of-type(1) {
   vertical-align: top;
   user-select: none;
 }
-pre mark {
-  display: block;
-  background-color: rgba(254, 252, 232, 0.9);
-}
-
-pre table {
-  width: 100%;
-  border-collapse: collapse;
-}
 
 samp,
 code {
   background-color: var(--preformatted);
   border-radius: .25rem;
-  border-style: dashed;
   border-width: 1px;
   border-color: var(--border-light);
   font-size: .85rem;
@@ -204,20 +236,21 @@ code {
   padding: .25rem;
 }
 
+pre code {
+  border-style: none
+}
+
 
 ul > li::marker, ol > li::marker {
   color: var(--accent);
 }
 
-ul:not(input){
+ul {
   list-style-type: disc;
 }
 
-ul, ol {
-  list-style-position: inside;
-  padding-left: 2rem;
-  margin-top: .5rem;
-  margin-bottom: .5rem;
+li:has(input) {
+  list-style-type: none;
 }
 
 kbd {