/* Base card look (white background) */
.bsky-feed{--gap:1rem;--card-bg:#fff;--card-bd:#e5e7eb;--muted:#6b7280;--link:#2563eb;display:block}
.bsky-post{border:1px solid var(--card-bd);border-radius:12px;background:#fff;padding:1rem;margin-bottom:var(--gap);box-shadow:0 1px 2px rgba(0,0,0,.04)}

/* Header with avatar + right-aligned short date */
.bsky-post__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.bsky-post__left{display:flex;align-items:center;gap:.625rem;min-width:0}
.bsky-post__avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;flex:0 0 auto}
.bsky-post__identity{display:flex;align-items:center;gap:.4rem;min-width:0}
.bsky-post__author{font-weight:700;font-size:.98rem;color:#111827}
.bsky-post__handle{color:var(--muted);font-size:.95rem}
.bsky-post__time{color:var(--muted);font-size:.9rem;white-space:nowrap}

/* Body text + link/hashtag look */
.bsky-post__text{font-size:1rem;line-height:1.5;color:#111827;margin:.25rem 0 .5rem 0;word-wrap:break-word}
.bsky-post__text a{color:var(--link);text-decoration:none}
.bsky-post__text a:hover{text-decoration:underline}

/* Media grid with rounded corners */
.bsky-post__images{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.5rem}
.bsky-post__image img{width:100%;height:auto;border-radius:12px;display:block}

/* Footer */
.bsky-post__footer{margin-top:.5rem}
.bsky-post__link{font-size:.9rem;text-decoration:underline}

/* Load more */
.bsky-feed__more{text-align:center;margin-top:.5rem}
.bsky-load-more{appearance:none;border:1px solid var(--card-bd);background:#f9fafb;border-radius:999px;padding:.5rem 1rem;cursor:pointer}
.bsky-load-more:hover{background:#f3f4f6}

/* Dark mode (keeps card dark; override if you truly want white in dark mode) */
@media (prefers-color-scheme: dark){
  .bsky-feed{--card-bd:#26272b;--muted:#9ca3af;--link:#93c5fd}
  .bsky-post{background:#0b0b0c;border-color:#26272b}
  .bsky-load-more{background:#111317;border-color:#26272b;color:#e5e7eb}
  .bsky-load-more:hover{background:#16181d}
}