Use lightningcss

resources/css/content.css

@@ -0,0 +1,64 @@
+@import url('h-card.css');
+
+.h-entry {
+  border-inline-start: 1px solid var(--color-primary);
+  padding-inline-start: .5rem;
+
+  & .reply-to {
+    font-style: italic;
+  }
+
+  & .post-info {
+    & a {
+      text-decoration: none;
+    }
+  }
+
+  & .note-metadata {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+
+    & .replies,
+    & .likes,
+    & .reposts {
+      display: inline-flex;
+      flex-direction: row;
+      gap: .5rem;
+      align-items: center;
+    }
+
+    & .syndication-links {
+      flex-flow: row wrap;
+
+      & a {
+        text-decoration: none;
+
+        & svg {
+          width: 1rem;
+          height: 1rem;
+        }
+      }
+    }
+  }
+}
+
+.feather {
+  width: 24px;
+  height: 24px;
+  stroke: currentcolor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: none;
+}
+
+.sr-only {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}