Style touchups per Daira's notes

assets/css/style.css

@@ -535,7 +535,7 @@ h6 {
   font-size: 1rem;
 }
 
-p, ul, ol, li {
+p, ul, ol, li, table {
   margin-top: 0;
   margin-bottom: 1rem;
 }
@@ -545,13 +545,16 @@ p, li {
   line-height: 1.625;
 }
 
-pre {
+pre, code {
   white-space: pre-line;
   overflow-x: auto;
+  font-size: 0.875rem;
+  border: 1px solid #e6e7e8;
+  padding: 0.625rem;
 }
 
 a, a:visited {
-  color: #00b2e3;
+  color: #0097c1;
   text-decoration: none;
 }
 
@@ -560,6 +563,13 @@ a:hover {
   text-decoration: underline;
 }
 
+a.footnote_reference::before {
+  content: "[";
+}
+a.footnote_reference::after {
+  content: "]";
+}
+
 strong, b {
   font-family: 'robotomedium',Arial,Helvetica Neue,Helvetica,sans-serif;
   font-weight: normal;
@@ -576,20 +586,43 @@ table, th, td {
 
 table {
     border-collapse: collapse;
+    display: block;
+    overflow-x: scroll;
+}
+
+#index-of-zips table tr:hover {
+  background-color: #eff1f2;
 }
 
 th, td {
   padding: 0.625rem;
+  vertical-align: top;
 }
 
 td:first-child {
   text-align: center;
 }
 
+#index-of-zips table th:first-child + th, #index-of-zips table td:first-child + td {
+  padding: 0;
+}
+
+#index-of-zips table a {
+  display: block;
+  padding: 0.625rem;
+}
+
 #references table, #references th, #references td  {
   border: 0 none transparent;
 }
 
+#references th::before {
+  content: "[";
+}
+#references th::after {
+  content: "]";
+}
+
 @media (min-width: 576px) {
   body > section {
       max-width: initial;