.

Author: matklad

content/css/main.css

@@ -4,7 +4,7 @@ html {
     font-family: "EB Garamond", serif;
     font-size-adjust: ex-height 0.53;
     -webkit-text-size-adjust: 100%;
-    --line-height: 1.5rem;
+    --line-height: 1.7rem;
     line-height: var(--line-height);
 }
 
@@ -148,14 +148,14 @@ ol.callout > li::before, i.callout::after {
 .two-col > *:first-child { flex: 30%; }
 .two-col > *:last-child { flex: 30%; }
 
-hr { border: none; height: 0; overflow: visible; color: black; height: 1rem; }
+hr { border: none; height: 0; overflow: visible; color: black; height: var(--line-height); }
 hr::after { content: '❧'; display: block; text-align: center; }
 
 /* Inline */
 
 p>code { white-space: nowrap; } /* Sadly, overflow-wrap: anywhere doesn't compose with this */
 p>code { line-height: 0px; } /* https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align */
-.display { display: block; margin: 1em 0; text-align: center; overflow-x: auto; overflow-y: clip; }
+.display { display: block; margin: calc(var(--line-height) / 2) 0; text-align: center; overflow-x: auto; }
 
 a { text-decoration-color: #2156a5; text-decoration-thickness: 7%; color: black; }
 a:hover, a:focus { color: #2156a5; fill: #2156a5; }