Minor spacing and style changes

src/components/d-abstract.js

@@ -7,15 +7,13 @@ const T = Template('d-abstract', `
     display: block;
     font-size: 1.25rem;
     line-height: 1.6em;
-    padding-bottom: 1.5em;
     color: rgba(0, 0, 0, 0.7);
-    font-family: georgia, serif;
     -webkit-font-smoothing: antialiased;
   }
 
   ::slotted(p) {
     margin-top: 0;
-    margin-bottom: 0;
+    margin-bottom: 1em;
     grid-column: text-start / middle-end;
   }
   ${body('d-abstract')}

src/components/d-title.js

@@ -8,7 +8,7 @@ const T = Template('d-title', `
     display: block;
   }
   ::slotted(h1) {
-    grid-column: text-start / span 5;
+    grid-column: text;
     font-size: 50px;
     font-weight: 700;
     line-height: 1.05em;

src/styles/d-article.css

@@ -98,7 +98,7 @@ d-article ul,
 d-article ol {
   /*font-family: georgia, serif;*/
   margin-top: 0;
-  margin-bottom: 1.7em;
+  margin-bottom: 1em;
   -webkit-font-smoothing: antialiased;
 }
 

src/styles/styles-base.css

@@ -1,6 +1,6 @@
 html {
   font-size: 19px;
-	line-height: 1rem;
+	line-height: 1.3em;
   /* font-family: "Libre Franklin", "Helvetica Neue", sans-serif; */
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
   text-size-adjust: 100%;
@@ -46,6 +46,16 @@ pre {
   max-width: 100%;
 }
 
+p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+d-title p {
+  font-size: 1.5rem;
+  line-height: 1.2em;
+}
+
 .kicker,
 .marker {
   font-size: 15px;
@@ -54,11 +64,19 @@ pre {
 }
 
 
+/* Headline */
+
+@media(min-width: 1024px) {
+  d-title h1 span {
+    display: block;
+  }
+}
+
 /* Figure */
 
 figure {
   position: relative;
-  margin-bottom: 36px;
+  margin-bottom: 1.5rem;
 }
 
 figure img {