.commentItem {
  scroll-margin-bottom: 35vh;

  --padding-start: 0;
  --inner-padding-end: 0;
  --border-style: none;
  --min-height: 0;
}

/* New since the user last read the post (Lemmy v1 unread highlight).
 * Tracks the theme's primary color; rgba() fallback (static blue) for browsers
 * without color-mix (e.g. iOS 15, per browserslist). */
.unread {
  --background: rgba(var(--ion-color-primary-rgb), 0.08);
  --background: color-mix(in srgb, var(--ion-color-primary) 8%, transparent);

  :global(.ion-palette-dark) & {
    --background: rgba(var(--ion-color-primary-rgb), 0.16);
    --background: color-mix(in srgb, var(--ion-color-primary) 16%, transparent);
  }
}

.content {
  padding-top: 0.35em;

  display: flex;
  flex-direction: column;
  gap: 1em;

  @media (hover: none) {
    padding-top: 0.45em;
  }

  line-height: 1.25;
}
