/* R52: author and timestamp share a compact, accessible profile target. */
#view-feed .feed-card__meta .social-profile-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 44px;
  max-width: 100%;
  padding: 2px 0;
}
#view-feed .feed-card__meta .social-profile-link strong {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#view-feed .feed-card__meta .social-profile-link time {
  margin-top: 0;
  line-height: 1.35;
  text-align: left;
}
#view-feed .feed-card__clip-link { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; box-sizing: border-box; padding: 8px 12px; margin-top: 4px; border: 1px solid var(--border); border-radius: 12px; background: var(--accent-soft, var(--surface-2)); color: var(--accent); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
#view-feed .feed-card__clip-link:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

/* R54: reserve more of a short mobile landscape for posts: 48px + 48px. */
@media (max-width: 860px) and (max-height: 480px) and (orientation: landscape) {
  html[data-theme] #app #view-feed .view-header {
    box-sizing: border-box;
    min-height: 48px;
    height: calc(48px + var(--safe-top, 0px));
  }
  html[data-theme] #app #view-feed .feed-stories {
    box-sizing: border-box;
    min-height: 48px;
    margin: 0;
    padding: 1px 16px 2px;
    align-items: center;
  }
  html[data-theme] #app #view-feed .story {
    min-width: 44px;
    min-height: 44px;
    transform: none;
  }
}