fine tuned css with minimal reste css

assets/css/site.css

@@ -1,6 +1,4 @@
-/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
-
-html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
+html, body, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr {
   margin: 0;
   padding: 0;
 }
@@ -22,10 +20,6 @@ html {
   box-sizing: border-box;
 }
 
-*, *::before, *::after {
-  box-sizing: inherit;
-}
-
 img, video {
   height: auto;
   max-width: 100%;
@@ -192,6 +186,10 @@ td:not([align]), th:not([align]) {
   /* Legacy iOS */
 }
 
+html {
+  line-height: 1.4;
+}
+
 body {
   font-family: 'Vollkorn', serif;
   font-weight: 400;
@@ -504,6 +502,8 @@ h6 {
 blockquote {
   font-style: italic;
   border-left: 1px red solid;
+  margin-left: 1rem;
+  margin-right: 2rem;
   padding-left: 1rem;
   padding-right: 2rem;
   padding-top: 0.1rem;
@@ -615,12 +615,16 @@ details {
   grid-template-rows: 1fr;
   gap: 0px 0px;
   grid-template-areas: "glossnumber gloss";
+  border-left: 1px red solid;
   background-color: #fff9f9;
   padding-top: 0.4em;
   margin-top: 1rem;
   margin-bottom: 1rem;
+  margin-left: 1rem;
+  margin-right: 2rem;
   padding-bottom: 0.4em;
   padding-left: 1rem;
+  padding-right: 2rem;
 }
 
 .gloss {
@@ -629,7 +633,7 @@ details {
 
 .glossnumber {
   grid-area: glossnumber;
-  padding-right: 0.3rem;
+  padding-right: 0.6rem;
 }
 
 .glossnumberAuto::before {