pushing the last css

command-line/css/print.css

@@ -76,15 +76,14 @@ div.no-indent p{
         margin-bottom: var(--line-height);
     }
 
-
 /* general */
 
-html, body{
+body{
     font-family: "bitter";
     font-size: var(--font-size);
     line-height: var(--line-height);
     letter-spacing: 0.01em;
-    hyphens: auto;
+    /*hyphens: auto;*/
     /*-webkit-hyphenate-limit-chars: 8 2 4;*/ /* word length, minimum number of characters before and after the hyphen -- does not work in chrome */
     orphans: unset; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
     widows: unset; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
@@ -100,6 +99,7 @@ html, body{
     bleed: 12px; 
     marks: crop;
 
+
     @bottom-center{
         content: counter(page);
         font-size: 9.5pt;
@@ -133,7 +133,8 @@ html, body{
 
 @page:first{
     /* cover */
-    background: linear-gradient(180deg, #787cc0, #c0c1e7);
+    /*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
+    background: linear-gradient(180deg, #3741ea, #c0c1e7);
 
     @top-center{
         content: none;
@@ -144,7 +145,8 @@ html, body{
 }
 @page backcover{
     /* backcover */
-    background: linear-gradient(180deg, #787cc0, #c0c1e7);
+    /*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
+    background: linear-gradient(180deg, #3741ea, #c0c1e7);
 
     @top-center{
         content: none;
@@ -156,7 +158,8 @@ html, body{
 
 @page section{
     /* section title pages */
-    background: linear-gradient(180deg, #787cc0, #c0c1e7);
+    /*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
+    background: linear-gradient(180deg, #3741ea, #c0c1e7);
     color: white !important;
 
     @top-center{
@@ -248,6 +251,9 @@ div.section{
         /* ... and make sure that each section starts on the right */
         page-break-before: right;
     }
+div.multi{
+    counter-reset: page 1;
+}
 
 /* sub-sections -- page flows */
 
@@ -491,6 +497,22 @@ h2{
         position: absolute;
         margin: -97px 0 var(--h2-font-size) var(--second-indent);
     }
+        div.title-wrapper p{
+            position: absolute;
+            width: 80mm;
+        }
+        /* exception for the introduction */
+        div.introduction div.title-wrapper h2{
+            margin: 0 !important;
+            padding: 0 !important;
+        }
+        div.introduction div.title-wrapper h2 + p{
+            position: absolute;
+            width: 80mm;
+            top: 85px !important;
+            margin: 0 !important;
+            color: red;
+        }
 
     /* author names */
     div.preface h2,
@@ -656,10 +678,6 @@ ul > li {
             text-indent: -1em;
             margin-bottom: unset !important;
         }
-        div.contribution.densities ol.references,
-        div.contribution.ultrasonic-dreams ul.references{
-            /*margin-top: -18px !important;*/
-        }
 
     div.note{
         font-size: var(--small-font-size);
@@ -1007,12 +1025,14 @@ sup{
     line-height: 0;
     font-size: 7pt;
     padding-left: 0.15mm;
+    font-style: normal !important;
 }
-/*canvas{
+    div.thumbcaption sup,
-    position: absolute;
+    ul.references sup,
-    top: 17mm; 
+    ol.references sup{
-    left: -20mm; 
+        font-size: 6pt !important;
-}*/
+    }
+
 a,
 a:visited,
 a:active,
@@ -1027,6 +1047,11 @@ a.external{
     word-break: break-all;
 }
 
+span.endash{
+    letter-spacing: -0.05em;
+    margin-left: -0.05em;
+}
+
 @media print{
     html, body{
         background-color: transparent;