change font-sans for blockquote + add counters.js

css/modules/_footnotes.scss

@@ -15,7 +15,7 @@
   line-height: calc(var(--baseline)*0.9);
   padding-left: var(--indent);
   position: relative;
-  font-weight: 100;
+  // font-weight: 100;
 
   &::marker{
     display: none;

css/modules/_text.scss

@@ -37,9 +37,9 @@ ol[type="1"]{
     left: calc(var(--indent)*-3);
     &::before{
         content: attr(start);
-        font-family: var(--font-sans);
+        font-family: var(--font-sans-txt);
         // font-weight: 200;
-        font-size: 0.6rem; 
+        font-size: 9px; 
         color: #999; 
         display: block;
         padding: 0px 2px;
@@ -72,37 +72,43 @@ blockquote{
     padding-left: var(--indent);
     margin-top: calc(var(--baseline)*1);
     margin-bottom: calc(var(--baseline)*1);
+
+    font-family: var(--font-sans-txt);
+    font-size: 10px;
+    line-height: calc(var(--baseline)*0.9);
+
+    .inline-note::after{
+        font-family: var(--font);
+        line-height: 0;
+        font-size: var(--font-size)!important;
+    }
     
-    p{
-        font-style: italic;
-        em{
-            font-style: normal;
-        }
-    }
+    // p{
+    //     font-style: italic;
+    //     em{
+    //         font-style: normal;
+    //     }
+    // }
 
 
-    u{
-          font-variant: small-caps;
-          text-decoration: none;
-    }
+    // u{
+    //       font-variant: small-caps;
+    //       text-decoration: none;
+    // }
     
 }
-
-blockquote + ol + p{ text-indent: 0px; }
+.these + ol + p,
+blockquote + ol + p{ 
+    text-indent: 0px; 
+}
 
 
 
 .these{
-    &::before{
-        content: "---"
-    }
-    &::after{
-        content: "---";
-    }
-    &::before, &::after{
-        display: flex;
-        // width: 3ch;
-        justify-content: center;
-    }
+    // color: red;
+
+    margin-bottom: var(--baseline);
+    padding-left: var(--indent);
+    border-left: 4px solid #efefef;
 
 }

css/modules/_titles-counters.scss

@@ -1,50 +0,0 @@
-#section__content{
-
-    counter-reset: h1;
-
-    h1{
-        counter-increment: h1 1;
-        counter-reset: h2;
-    }
-
-    h1::before{
-        content: counter(h1, upper-alpha);
-
-    }
-
-    h2{
-        counter-increment: h2 1;
-        counter-reset: h3;
-    }
-
-    h2::before{
-        content: counter(h2, upper-roman);
-    }
-
-     h3{
-        counter-increment: h3 1;
-        counter-reset: h4;
-    }
-
-    h3::before{
-        content: counter(h3);
-    }
-
-    h4{
-        counter-increment: h4 1;
-        counter-reset: h5;
-    }
-
-    h4::before{
-        content: counter(h4, lower-alpha) ". ";
-    }
-
-    h5{
-        counter-increment: h5 1;
-        counter-reset: h6;
-    }
-
-    h5::before{
-        content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
-    }
-  }

css/modules/_titles.scss

@@ -2,6 +2,18 @@
 #section__content{
 
 
+      h1, h2, h3 {
+        &::before{
+            content: attr(data-counter);
+        }
+    }
+
+    h4, h5, h6{
+        &::before{
+            content: attr(data-counter) ". ";
+        }
+    }
+
     h1, h2, h3 {
         break-inside: avoid;
         break-after: avoid;

css/modules/_var.scss

@@ -2,6 +2,7 @@
     --font: 'Edgar', sans-serif;
     --font-title: "Heliotrope 3 Caps", sans-serif;
     --font-sans: "Heliotrope 4", sans-serif;
+    --font-sans-txt: 'Akkurat Std';
     --font-size: 12px;
     --baseline: 16px;