handle footnotes correctly, hide internal notes

static/abaev-html.css

@@ -68,6 +68,10 @@ body > header {
   body>main {
     max-width:950px
   }
+  article.abv-entry {
+    display: grid;
+    grid-template-columns: minmax(10%,15%) minmax(0,5%) minmax(75%,90%);
+  }
 }
 @media (min-width:1280px) {
   body>footer>nav,
@@ -131,11 +135,6 @@ main {
     padding-top: 0 !important;
 }
 
-article.abv-entry {
-    display: grid;
-    grid-template-columns: minmax(0px,15%) 5% minmax(50%,80%);
-}
-
 section {}
 
 aside#leftbar {
@@ -404,6 +403,10 @@ div.index-submit {
     float: right;
 }
 
+div.notes {
+    font-size: smaller;
+}
+
 optgroup {}
 option {}
 option:checked {}
@@ -422,7 +425,6 @@ button#open-leftbar{
     left: 0;
     /*height: 1ex;*/
     /*line-height: 1ex;*/
-    /*width: 1em;*/
 }
 
 button#close-leftbar{
@@ -432,6 +434,23 @@ button#close-leftbar{
     display: none;
 }
 
+@media (max-width: 1024px) {
+    button#open-leftbar {
+        width: 1em;
+        height: 10ex;
+        margin: 0 auto;
+        padding-left: 0;
+        padding-right: 0;
+    }
+    button#close-leftbar {
+        width: 1em;
+        height: 10ex;
+        margin: 0 auto;
+        padding-left: 0;
+        padding-right: 0;
+    }
+}
+
 /* This matches forms or form elements that are invalid *and* have been
 interacted with. Note that:
 1) You may need to add the `interacted` class to forms yourself
@@ -521,6 +540,9 @@ span.abv-text-ul {
 span.abv-text-sc {
     font-variant-caps: small-caps;
 }
+span.abv-name {
+    font-variant-caps: small-caps;
+}
 
 /*
 This file evolved from Natural Selection: