Fix .header-account used wrongly

Obviously confused by my own code

src/app.css

@@ -126,6 +126,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
   user-select: none;
   transition: transform 0.5s ease-in-out;
   user-select: none;
+
+  .header-double-lines {
+    font-size: 90% !important;
+    cursor: pointer;
+
+    div {
+      font-weight: normal;
+      color: var(--text-insignificant-color);
+    }
+  }
 }
 .deck > header[hidden] {
   display: block;
@@ -1965,20 +1975,13 @@ meter.donut[hidden] {
   }
 }
 
-.header-account {
-  font-size: 90% !important;
-  cursor: pointer;
-
-  @supports (animation-timeline: scroll()) {
+@supports (animation-timeline: scroll()) {
+  .header-account {
     animation: peekaboo-header 1s linear both;
     animation-timeline: scroll();
     animation-range: 0 150px;
   }
 }
-.header-account div {
-  font-weight: normal;
-  color: var(--text-insignificant-color);
-}
 
 /* LINK LISTS? */
 

src/cloak-mode.css

@@ -11,7 +11,7 @@ body.cloak,
   .status .content-compact,
   .account-container :is(header, main > *:not(.actions)),
   .account-container :is(header, main > *:not(.actions)) *,
-  .header-account,
+  .header-double-lines,
   .account-block {
     text-decoration-thickness: 1.1em;
     text-decoration-line: line-through;

src/pages/account-statuses.jsx

@@ -446,7 +446,7 @@ function AccountStatuses() {
       title={`${account?.acct ? '@' + account.acct : 'Posts'}`}
       titleComponent={
         <h1
-          class="header-account"
+          class="header-double-lines header-account"
           // onClick={() => {
           //   states.showAccount = {
           //     account,

src/pages/hashtag.jsx

@@ -135,7 +135,7 @@ function Hashtags({ media: mediaView, columnMode, ...props }) {
       title={title}
       titleComponent={
         !!instance && (
-          <h1 class="header-account">
+          <h1 class="header-double-lines">
             <b>{hashtagTitle}</b>
             <div>{instance}</div>
           </h1>

src/pages/public.jsx

@@ -77,7 +77,7 @@ function Public({ local, columnMode, ...props }) {
       key={instance + isLocal}
       title={title}
       titleComponent={
-        <h1 class="header-account">
+        <h1 class="header-double-lines">
           <b>{isLocal ? 'Local timeline' : 'Federated timeline'}</b>
           <div>{instance}</div>
         </h1>

src/pages/trending.jsx

@@ -242,7 +242,7 @@ function Trending({ columnMode, ...props }) {
       key={instance}
       title={title}
       titleComponent={
-        <h1 class="header-account">
+        <h1 class="header-double-lines">
           <b>Trending</b>
           <div>{instance}</div>
         </h1>