web: fix list numbering for safari

blog/20240314-simplex-chat-v5-6-quantum-resistance-signal-double-ratchet-algorithm.md

@@ -17,12 +17,12 @@ This post also covers various aspects of end-to-end encryption, compares differe
 - [Why do we need end-to-end encryption?](#why-do-we-need-end-to-end-encryption)
 - [Why is encryption even allowed?](#why-is-encryption-even-allowed)
 - [End-to-end encryption security: attacks and defense.](#end-to-end-encryption-security-attacks-and-defense)
-  - Compromised message size - mitigated by padding messages to a fixed block size.
-  - Compromised confidentiality - mitigated by repudiation (deniability).
-  - Compromised message keys - mitigated by forward secrecy.
-  - Compromised long-term or session - mitigated by break-in recovery.
-  - Man-in-the-middle attack - mitigated by two-factor key exchange.
-  - "Record now, decrypt later" attacks - mitigated by post-quantum cryptography.
+  1. Compromised message size - mitigated by padding messages to a fixed block size.
+  2. Compromised confidentiality - mitigated by repudiation (deniability).
+  3. Compromised message keys - mitigated by forward secrecy.
+  4. Compromised long-term or session - mitigated by break-in recovery.
+  5. Man-in-the-middle attack - mitigated by two-factor key exchange.
+  6. "Record now, decrypt later" attacks - mitigated by post-quantum cryptography.
 - [How secure is encryption in different messengers?](#how-secure-is-end-to-end-encryption-in-different-messengers)
 - [Adding quantum resistance to Signal double ratchet algorithm.](#adding-quantum-resistance-to-signal-double-ratchet-algorithm)
 - [When can you start using quantum resistant chats?](#when-can-you-start-using-quantum-resistant-chats)

website/src/css/blog.css

@@ -85,7 +85,8 @@ section.container>div>p:nth-child(2) {
   }
 }
 
-.dark #article h3, .dark #article h4 {
+.dark #article h3,
+.dark #article h4 {
   color: white;
 }
 
@@ -112,7 +113,8 @@ section.container>div>p:nth-child(2) {
 #article ol li {
   margin-right: 0;
   margin-left: 0;
-  -webkit-margin-start: 1.1rem;;
+  -webkit-margin-start: 1.1rem;
+  ;
   color: #000;
 }
 
@@ -193,7 +195,7 @@ h2,
 h3,
 h4,
 h5,
-h6{
+h6 {
   clear: both;
 }
 
@@ -206,12 +208,12 @@ h6{
 }
 
 @media (min-width: 1024px) {
-  #article .float-to-left{
+  #article .float-to-left {
     float: left;
     margin-right: 3rem;
   }
 
-  #article .float-to-right{
+  #article .float-to-right {
     float: right;
     margin-left: 3rem;
   }
@@ -221,4 +223,13 @@ h6{
   img {
     width: 100%;
   }
+}
+
+#article ol>li {
+  list-style-position: inside !important;
+  margin-left: -0px !important;
+}
+
+#article ol>li::marker {
+  font-weight: 500;
 }