Tweak styling of interest tags on web and in epubs

src/web/tailwind.css

@@ -186,7 +186,11 @@
 
   .reader-page :where(h1, h2, h3, h4), .reader-section-heading { text-wrap:balance; }
   .reader-section-heading { @apply border-t-[3px] border-double border-rule-strong pt-3 font-serif text-[1.05rem] font-semibold uppercase leading-[1.2] tracking-[0.15em] text-ink; }
-  .interest-chip { @apply inline-block rounded-full border border-rule-strong px-2.5 py-0.5 text-xs leading-5 text-ink-2 no-underline; }
+  /* Matched-interest tags: a hairline in the divider colour with squared
+     corners, so the row reads as small print, not as buttons. */
+  .interest-chip { @apply inline-block rounded-xs border border-rule px-2 py-px text-xs leading-5 text-ink-2 no-underline; }
+  a.interest-chip { @apply relative; }
+  a.interest-chip::after { content:""; @apply absolute -inset-y-1.5 inset-x-0; }
   a.interest-chip:hover { @apply border-accent text-accent; }
 
   .rating { @apply my-5 flex flex-wrap items-center gap-x-3 font-sans text-xs; }