fix: a11y — accessible label on SectionAccordion, opacity-60 on category headings

src/shared/styles/theme.css

@@ -273,17 +273,42 @@
 /* Editorial rich-text typography */
 .rich-text {
   max-width: 65ch;
-  line-height: 1.65;
+  line-height: var(--line-height-relaxed);
   font-feature-settings: "onum";
   hanging-punctuation: first last;
   text-wrap: pretty;
-  hyphens: auto;
 }
 
 .rich-text p + p {
   margin-top: 1.2em;
 }
 
+.rich-text ul {
+  list-style: none;
+  padding-left: 0;
+  margin: 1em 0;
+}
+
+.rich-text ul li {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.65em;
+  align-items: start;
+  margin-top: 0.5em;
+}
+
+.rich-text ul li:first-child {
+  margin-top: 0;
+}
+
+.rich-text ul li::before {
+  content: "◆";
+  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);
+}
+
 /* Cross-section view transition (navigation between sections) */
 ::view-transition-old(section-content) {
   animation-name: section-fade-out;