/* Context is part of the real Folio card, not a detached profile card. */
.feed-engagement-context{
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 15px;
  border-bottom:1px solid var(--line,#d9dee7);
  background:var(--card,#fff);
  color:var(--text,#1f2933);
  min-width:0;
  line-height:1.5;
}
.feed-engagement-avatar{
  display:grid;
  place-items:center;
  position:relative;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  flex:0 0 24px!important;
  aspect-ratio:1/1;
  border-radius:50%;
  overflow:hidden;
}
.feed-engagement-context .feed-engagement-avatar > img.feed-engagement-avatar-image{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.feed-engagement-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:0 5px;
  min-width:0;
  flex:1;
  font-size:12.5px;
}
.feed-engagement-actor{
  color:var(--text,#1f2933);
  font-weight:800;
}
.feed-engagement-actor:hover{color:var(--blue,#0a66c2)}
.feed-engagement-verb{color:var(--muted,#667085)}
.feed-engagement-age{
  color:var(--muted,#667085);
  font-size:10.5px;
  white-space:nowrap;
  flex:0 0 auto;
}
.feed-engagement-comment{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0;
  padding:11px 16px 12px;
  border-top:1px solid var(--line,#d9dee7);
  color:var(--text,#1f2933);
  background:var(--soft,#f6f8fb);
  font-size:12.5px;
}
.feed-engagement-comment:hover .feed-engagement-comment-body{color:var(--blue,#0a66c2)}
.feed-engagement-comment-title{font-size:11px;font-weight:750;color:var(--muted,#667085)}
.feed-engagement-comment-body{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  font-size:13px;
  line-height:1.8;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.feed-book-activity-card.card{
  display:block;
  padding:0;
  margin:10px 0 14px;
  border:1px solid var(--line,#d9dee7);
  border-radius:var(--radius,12px);
  overflow:hidden;
  background:var(--card,#fff);
  color:var(--text,#1f2933);
  box-shadow:var(--shadow,0 1px 2px rgba(16,24,40,.04));
}
.feed-book-activity-content{padding:12px 15px}
.feed-book-activity-content .book-card-shell{max-width:none;width:100%;margin:0}
.feed-book-activity-content .book-card-shell .book-card{
  display:flex;
  width:100%;
  min-height:0;
  margin:0;
  padding:10px;
  gap:12px;
  border:1px solid var(--line,#d9dee7);
  border-radius:10px;
  background:var(--soft,#f6f8fb);
  box-shadow:none;
}
.feed-book-activity-content .book-cover{min-width:70px;width:82px;flex:0 0 82px}
.feed-book-activity-content .book-cover img{width:82px;max-height:120px;object-fit:contain}
.feed-book-activity-content .book-info{min-width:0;flex:1}
.feed-book-activity-content .book-info b{font-size:15px;line-height:1.65}
.feed-book-activity-content .book-info p{font-size:12px;line-height:1.7}
.feed-book-activity-content .book-card:hover{border-color:var(--blue,#0a66c2)}
@media(max-width:600px){
  .feed-engagement-context{padding:8px 12px;gap:10px}
  .feed-engagement-line{font-size:12px}
  .feed-engagement-age{font-size:10px}
  .feed-engagement-comment{padding:9px 12px 11px}
  .feed-book-activity-content{padding:10px}
  .feed-book-activity-content .book-card-shell .book-card{padding:8px;gap:9px}
  .feed-book-activity-content .book-cover{width:64px;flex-basis:64px;min-width:64px}
  .feed-book-activity-content .book-cover img{width:64px;max-height:92px}
  .feed-book-activity-content .book-info b{font-size:14px}
}
/* Keep a usable page-navigation fallback when intersection loading is unavailable. */
.lazy-feed-loader .lazy-next-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:8px 15px;
  border:1px solid var(--line,#d9dee7);
  border-radius:999px;
  background:var(--card,#fff);
  color:var(--blue,#0a66c2);
  font-weight:700;
}
.lazy-feed-loader.is-auto .lazy-next-link{display:none!important}
.lazy-feed-loader.is-error .lazy-next-link{display:inline-flex!important}