more minor style fixes

css/looks.css

@@ -43,7 +43,7 @@ body {
 
 h1 {
   color: var(--darkest-color);
-  margin-bottom: 0;
+  margin-bottom: 0.05em;
   margin-top: 1em;
 }
 
@@ -57,7 +57,12 @@ h6 {
   margin-top: 1em;
 }
 
-h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
+h1+*,
+h2+*,
+h3+*,
+h4+*,
+h5+*,
+h6+* {
   margin-top: 0;
   padding-top: calc(var(--base-font-size) * (2/3));
 }
@@ -70,35 +75,71 @@ blockquote {
   margin: 0;
 }
 
-blockquote p + p {
+blockquote p+p {
   text-indent: 1em;
 }
 
-a:link, a:visited {
+a:link,
+a:visited {
   color: var(--darkest-color)
 }
 
-table, th, td {
-  background-color: white;
-  overflow-x: auto;
-  border-style: solid;
-  border-radius: 3px;
-  border-width: 2px;
-  border-color: gainsboro;
-  padding-left: 0.35em;
-  padding-right: 0.35em;
-  border-collapse: collapse;
-}
-
 img {
   width: 100%;
   height: auto;
 }
 
-hr {
-  border: none;
-  border-width: 2px;
-  border-radius: 3px;
-  height: 2px;
-  background-color: var(--narrow-gray);
+table {
+  --padding-px-h: 0.35em;
+  --padding-px-v: 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  overflow-x: auto;
 }
+
+table tr th,
+table tr td {
+  border-right: 2px solid var(--narrow-gray);
+  border-bottom: 2px solid var(--narrow-gray);
+  padding-right: var(--padding-px-h);
+  padding-left: var(--padding-px-h);
+  padding-top: var(--padding-px-v);
+  padding-bottom: var(--padding-px-v);
+}
+
+table tr th:first-child,
+table tr td:first-child {
+  border-left: 2px solid var(--narrow-gray);
+}
+
+/* top row a.k.a. table header */
+table tr th {
+  border-top: 2px solid var(--narrow-gray);
+  text-align: left;
+}
+
+/* top-left border-radius */
+table tr:first-child th:first-child {
+  border-top-left-radius: 3px;
+}
+
+/* top-right border-radius */
+table tr:first-child th:last-child {
+  border-top-right-radius: 3px;
+}
+
+/* bottom-left border-radius */
+table tr:last-child td:first-child {
+  border-bottom-left-radius: 3px;
+}
+
+/* bottom-right border-radius */
+table tr:last-child td:last-child {
+  border-bottom-right-radius: 3px;
+}
+
+hr {
+  height: 2px;
+  border: none;
+  background-color: var(--narrow-gray);
+}