layout-4

maquette-tests/assets/css/style.css

@@ -4,6 +4,7 @@
 :root {
   --font: "Routed Gothic", sans-serif;
   --mono: "Selectric Mono", monospace;
+  --mono: "Ivory Mono", monospace;
   --note: "Routed Gothic", serif;
   --title: "HNoailles Times Triplex", sans-serif;
   --red: #9B0000;
@@ -41,7 +42,7 @@ body {
   @page {
     size: 165mm 240mm;
     margin-top: 10mm;
-    margin-bottom: 60mm;
+    margin-bottom: 20mm;
     bleed: 6mm;
     marks: crop;
   }
@@ -403,29 +404,34 @@ body {
 
 .chapter-header .type {
   margin-bottom: calc(var(--baseline) * 1);
-}
-
-.chapter-header .bio {
-  font-family: var(--mono);
-  -webkit-hyphens: none;
-          hyphens: none;
-  font-size: 11px;
-  line-height: 1.2;
-  left: 0px !important;
+  display: none;
 }
 
 .chapter-header .bio {
   margin-top: calc(var(--baseline) * 1);
-  text-align: center;
+  font-family: var(--title);
+  -webkit-hyphens: none;
+          hyphens: none;
+  font-size: 12px;
+  line-height: 1.2;
+}
+.chapter-header .bio .name {
   text-indent: 0;
+  text-align: left;
+  font-weight: bold;
+}
+.chapter-header .bio .description {
+  text-indent: -14mm;
+  padding-left: 14mm;
+  text-align: left;
+  font-weight: bold;
 }
 
 .chapter-header .author {
   left: 0px !important;
   font-size: 26px;
   line-height: 1;
-  font-family: var(--title);
-  font-weight: bold;
+  font-family: var(--font);
   text-align: center;
   text-align: right;
 }