Pronouns not in bold

_includes/people.njk

@@ -1,7 +1,10 @@
 <ul class="mi-people">
   {% for person in people %}
     <li class="mi-person">
-      <h1 class="mi-person--name">{{ person.name }} ({{ person.pronouns }})</h1>
+      <h1 class="mi-person--name">
+        {{ person.name }}
+        <span class="mi-person--pronoun">({{ person.pronouns }})</span>
+      </h1>
       <p class="mi-person--role">{{ person.role }}</p>
       <details>
         <summary class="mi-person--contact-toggle">Contact</summary>

styles.css

@@ -131,6 +131,10 @@ a {
   font-size: 0.8em;
 }
 
+.mi-person--pronoun {
+  font-weight: 400;
+}
+
 .mi-person--role {
   font-size: 0.4rem;
   margin: 0;