css: move a few other rules into interaction

2 files changed, 6 insertions, 4 deletions

diff --git a/src/static/css/miscellany.css b/src/static/css/miscellany.css
index 70120a33..dcdd72ca 100644
--- a/src/static/css/miscellany.css
+++ b/src/static/css/miscellany.css
@@ -478,7 +478,9 @@
     font-weight: normal;
     color: var(--primary-color);
   }
+}
 
+@layer interaction {
   summary > span:hover {
     cursor: pointer;
     text-decoration: underline;
diff --git a/src/static/css/tooltips.css b/src/static/css/tooltips.css
index 644430b7..116c9181 100644
--- a/src/static/css/tooltips.css
+++ b/src/static/css/tooltips.css
@@ -416,10 +416,6 @@
     display: inline-block;
   }
 
-  .content-tooltip-guy:not(.has-link) .hoverable {
-    cursor: default;
-  }
-
   .content-tooltip-guy.has-link .text-with-tooltip-interaction-cue {
     text-decoration-color: var(--primary-color);
   }
@@ -438,6 +434,10 @@
 }
 
 @layer interaction {
+  .content-tooltip-guy:not(.has-link) .hoverable {
+    cursor: default;
+  }
+
   .content-tooltip-guy .hoverable a {
     text-decoration-color: transparent;
     text-decoration-style: dotted;