Fix link style affecting status cards

src/components/status.css

@@ -525,10 +525,13 @@
 .timeline-deck .status .content.truncated ~ .card {
   display: none;
 }
-.status .content a:not(.mention, .has-url-text) {
+.status .content .inner-content a:not(.mention, .has-url-text) {
   color: var(--link-text-color);
 }
-.status .content a:not(.mention, .has-url-text):is(:hover, :focus) {
+.status
+  .content
+  .inner-content
+  a:not(.mention, .has-url-text):is(:hover, :focus) {
   color: var(--text-color);
   text-decoration-color: var(--link-color);
 }

src/components/status.jsx

@@ -1081,6 +1081,7 @@ function Status({
             data-read-more={readMoreText}
           >
             <div
+              class="inner-content"
               onClick={handleContentLinks({ mentions, instance, previewMode })}
               dangerouslySetInnerHTML={{
                 __html: enhanceContent(content, {