src/shared/styles/theme.css

@@ -378,16 +378,28 @@
   margin-top: 0;
 }
 
+/* Some CMS output wraps li text in a block <p> (<li><p>…</p></li>), which drops
+ * the text below the marker. Keep it inline so marker and text share a line. */
+.rich-text ul li > p {
+  display: inline;
+  margin: 0;
+}
+
 .rich-text ul li::before {
-  content: "◆";
+  content: "";
   display: inline-block;
-  width: calc(1.5em / 0.55);
-  /* reset inherited text-indent so glyph isn't shifted inside the ::before box */
+  /* 0.5em glyph + 1em gap = 1.5em advance, filling the hanging indent */
+  width: 0.5em;
+  height: 0.5em;
+  margin-right: 1em;
+  /* reset inherited text-indent so the box isn't shifted */
   text-indent: 0;
-  color: var(--blue);
-  font-size: 0.55em;
-  /* line-height matches parent so diamond centers within the first line box */
-  line-height: calc(var(--line-height-relaxed) / 0.55);
+  background: var(--blue);
+  /* squircle: corner-shape is progressive enhancement, ignored where unsupported */
+  border-radius: 30%;
+  /* biome-ignore lint/correctness/noUnknownProperty: corner-shape is valid CSS, newer than Biome's property list */
+  corner-shape: squircle;
+  vertical-align: middle;
 }
 
 /* Cross-section view transition (navigation between sections) */