Add podcasts to homepage

css/base.css

@@ -24,6 +24,7 @@ dd,
 h1,
 h2,
 h3,
+h4,
 figure,
 table,
 p,

css/excerpt.css

@@ -4,19 +4,16 @@
   flex-grow: 1;
   border-bottom: 1px solid var(--color-light-grey);
   margin-bottom: var(--space-sm);
-  padding-bottom: var(--space-sm);
 }
 
 @media (--viewport-md) {
   .excerpt {
     margin-bottom: var(--space-md);
-    padding-bottom: var(--space-md);
   }
 }
 
 .excerpt__head,
-.excerpt__body,
-.excerpt__title {
+.excerpt__body {
   margin-bottom: var(--space-xs);
 }
 
@@ -26,15 +23,24 @@
 
 @media (--viewport-md) {
   .excerpt__head,
-  .excerpt__body,
-  .excerpt__title {
+  .excerpt__body {
     margin-bottom: var(--space-sm);
   }
 }
 
+.excerpt__title {
+  font-size: 1.5rem;
+}
+
+.excerpt__subtitle {
+  font-size: 1.2rem;
+  margin-top: var(--space-sm);
+}
+
 .excerpt__metadata {
   color: var(--color-grey);
   font-size: 12px;
+  margin-bottom: var(--space-sm);
 }
 
 .excerpt__icon,
@@ -50,3 +56,9 @@
 .excerpt__text {
   margin: 0 15px 0 5px;
 }
+
+.excerpt__audio {
+  display: block;
+  margin-bottom: var(--space-sm);
+  background-color: var(--color-light-blue);
+}

css/page.css

@@ -90,11 +90,13 @@
   .page__columns {
     display: flex;
     flex-flow: row wrap;
+    margin: 0 calc(var(--space-md) / 2 * -1);
   }
 
   .page__cell {
     display: flex;
     flex-flow: column nowrap;
     flex: 1 0 50%;
+    padding: 0 calc(var(--space-md) / 2);
   }
 }