/* DDS Bluesky Feed – sidebar-friendly defaults */

.dds-bluesky-feed {
  font-size: 0.95rem;
  line-height: 1.35;

  /* Optional: simple card feel */
  padding: 0.75rem;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
}

.dds-bluesky-header{background:#212C61;padding:20px 10px;color:#fff;}

/* Header link (“View on Bluesky”) */
.dds-bluesky-feed > p {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

.dds-bluesky-feed > p a {
  text-decoration: none;
}

.dds-bluesky-feed > p a:hover,
.dds-bluesky-feed > p a:focus-visible {
  text-decoration:none;
}

/* List reset */
.dds-bluesky-feed__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Items */
.dds-bluesky-feed__item {
  padding: 0.6rem 0;
  border-top: 1px solid rgba(0,0,0,0.10);
}

.dds-bluesky-feed__item:first-child {
  border-top: 0;
  padding-top: 0.2rem;
}

/* Post link */
.dds-bluesky-feed__item a {
  /*display: block;*/
  text-decoration: none;
  overflow-wrap: anywhere; /* avoids sidebar overflow on long tokens/URLs */

  /* Clamp long posts to 3 lines in a narrow sidebar */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dds-bluesky-feed__item a:hover,
.dds-bluesky-feed__item a:focus-visible {
  text-decoration: underline;
}

/* Timestamp – keep it subtle */
.dds-bluesky-feed__item time {
  display: inline-block;
  margin-top: 0.25rem;
  opacity: 0.75;
  font-size: 0.8em;
}

/* Small screens: allow a bit more room */
@media (max-width: 576px) {
  .dds-bluesky-feed__item a {
    -webkit-line-clamp: 4;
  }
}