Text size and line-height bike-shedding, second time

src/components/d-appendix.js

@@ -6,7 +6,7 @@ const T = Template('d-appendix', `
 
 d-appendix {
   contain: content;
-  font-size: 13px;
+  font-size: 0.8em;
   line-height: 1.7em;
   margin-bottom: 0;
   border-top: 1px solid rgba(0,0,0,0.1);
@@ -19,14 +19,16 @@ d-appendix h3 {
   grid-column: page-start / text-start;
   font-size: 15px;
   font-weight: 500;
-  margin-top: 15px;
+  margin-top: 1em;
   margin-bottom: 0;
   color: rgba(0,0,0,0.65);
-  line-height: 1em;
+}
+
+d-appendix h3 + * {
+  margin-top: 1em;
 }
 
 d-appendix ol {
-  margin-top: 15px;
   padding: 0 0 0 30px;
   margin-left: -30px;
 }

src/components/d-citation-list.js

@@ -11,12 +11,10 @@ d-citation-list {
 
 d-citation-list .references {
   grid-column: text;
-  font-size: 12px;
-  line-height: 20px;
 }
 
 d-citation-list .references .title {
-  font-weight: 600;
+  font-weight: 500;
 }
 
 </style>

src/components/d-title.js

@@ -2,11 +2,13 @@ import { Template } from '../mixins/template';
 
 const T = Template('d-title', `
 <style>
+
   :host {
     padding-top: 1rem;
     contain: content;
     display: block;
   }
+
   ::slotted(h1) {
     grid-column: text;
     font-size: 50px;
@@ -14,6 +16,13 @@ const T = Template('d-title', `
     line-height: 1.05em;
     margin: 0 0 0.5rem;
   }
+
+  ::slotted(p) {
+    font-weight: 300;
+    font-size: 1.5rem;
+    line-height: 1.2em;
+  }
+
   .status {
     margin-top: 0px;
     font-size: 12px;