apply border to table first, then take border away where necessary for each frame...

diff --git a/src/css/doc.css b/src/css/doc.css
index 33f597b..354aabd 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -217,30 +217,21 @@ h1.page + aside.toc.embedded {
   padding: 0.5rem;
 }
 
-.doc table.tableblock thead th {
-  border-bottom: 2.5px solid var(--table-border-color);
-}
-
-.doc table.tableblock td,
-.doc table.tableblock > :not(thead) th {
-  border-top: 1px solid var(--table-border-color);
-  border-bottom: 1px solid var(--table-border-color);
+.doc table.tableblock,
+.doc table.tableblock > * > tr > * {
+  border: 0 solid var(--table-border-color);
 }
 
 .doc table.grid-all > * > tr > * {
-  border: 1px solid var(--table-border-color);
-}
-
-.doc table.grid-none > * > tr > * {
-  border: 0;
+  border-width: 1px;
 }
 
 .doc table.grid-cols > * > tr > * {
-  border-right: 1px solid var(--table-border-color);
+  border-width: 0 1px;
 }
 
 .doc table.grid-rows > * > tr > * {
-  border-top: 1px solid var(--table-border-color);
+  border-width: 1px 0;
 }
 
 .doc table.grid-all > thead th,
@@ -249,17 +240,15 @@ h1.page + aside.toc.embedded {
 }
 
 .doc table.frame-all {
-  border: 1px solid var(--table-border-color);
+  border-width: 1px;
 }
 
 .doc table.frame-ends {
-  border-top: 1px solid var(--table-border-color);
-  border-bottom: 1px solid var(--table-border-color);
+  border-width: 1px 0;
 }
 
 .doc table.frame-sides {
-  border-left: 1px solid var(--table-border-color);
-  border-right: 1px solid var(--table-border-color);
+  border-width: 0 1px;
 }
 
 .doc table.frame-none > colgroup + * > :first-child > *,