diff --git a/base.css b/base.css
index e5c42e0..b2183cf 100644
--- a/base.css
+++ b/base.css
@@ -111,6 +111,21 @@ a[href]:where(:hover,:focus) {
 }
 
 
+dl {
+  display: grid;
+  grid-template-columns: repeat(4, auto);
+  grid-row-gap: 6px;
+}
+
+dt {
+  text-align: right;
+}
+dd {
+  font-weight: 700;
+  text-align: left;
+}
+
+
 :is(rt, h1, h2)::before, :is(rt, h1, h2)::after {
   padding: 0 0.25em;
   vertical-align: middle;
@@ -129,6 +144,11 @@ a[href]:where(:hover,:focus) {
   }
 }
 
+.emojo {
+  vertical-align: middle;
+  height: 1.2em; width: 1.2em;
+}
+
 
 /******************************/
 /* actual accessibility stuff */
diff --git a/index.css b/index.css
index 733ec25..b4aac4e 100644
--- a/index.css
+++ b/index.css
@@ -44,19 +44,6 @@ rt {
 }
 
 
-dl {
-  display: grid;
-  grid-template-columns: repeat(4, auto);
-  grid-row-gap: 6px;
-}
-
-dt {
-  text-align: right;
-}
-dd {
-  font-weight: 700;
-  text-align: left;
-}
 
 @media (hover) {
   [title] {
@@ -84,7 +71,7 @@ rt { --around-image: url(media/star.svg); }
 h1, h2 { --around-image: url(media/sparkles.svg); }
 
 
-.emojo, [href='#listen']::before {
+[href='#listen']::before {
   vertical-align: middle;
   height: 1.2em; width: 1.2em;
 }