.social-feed { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }
.social-feed__header { border-bottom: 2px solid #129cac; margin-bottom: 14px; padding: 4px 0 10px; }
.social-feed__header h1 { color: #07616b; font-size: 23px; margin: 0; }
.social-feed__items { display: grid; gap: 12px; }
.feed-item { background: #fff; border: 1px solid #d9e3e4; border-radius: 6px; padding: 14px; }
.feed-item__head { align-items: center; display: flex; gap: 10px; margin-bottom: 10px; }
.feed-item__avatar { background: #edf4f4; border: 2px solid #129cac; border-radius: 50%; height: 42px; object-fit: cover; width: 42px; }
.feed-item__author { color: #07616b; font-size: 14px; font-weight: 700; line-height: 1.2; }
.feed-item__time { color: #748386; font-size: 12px; margin-top: 2px; }
.feed-item__kind { color: #748386; font-size: 13px; margin: 0 0 8px 52px; }
.feed-item__title, .feed-item__reference { color: #1d5960; display: block; font-size: 20px; font-weight: 600; line-height: 1.25; margin: 0 0 8px; text-decoration: none; }
.feed-item__title:hover, .feed-item__reference:hover { color: #0b9cac; text-decoration: underline; }
.feed-item__body { color: #34454a; font-size: 15px; line-height: 1.5; margin: 0; white-space: pre-line; }
.feed-item__more { background: transparent; border: 0; color: #0b8897; cursor: pointer; font: inherit; font-weight: 700; margin: 0; padding: 0; text-decoration: underline; }
.feed-item__more:hover, .feed-item__more:focus { color: #07616b; }
.feed-item__link { color: #0b8897; display: inline-block; font-size: 13px; font-weight: 700; margin-top: 10px; text-decoration: none; }
.feed-item__reaction-summary { border-top: 1px solid #e4ecec; color: #748386; display: flex; flex-wrap: wrap; font-size: 12px; gap: 14px; margin-top: 12px; padding: 9px 0; }
.feed-item__reaction-stat b { color: #34454a; }
.feed-item__reactions { border-top: 1px solid #e4ecec; display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 7px; }
.feed-item__reaction { background: transparent; border: 0; color: #506368; font-size: 12px; font-weight: 700; min-height: 32px; overflow: hidden; padding: 5px 4px; text-overflow: ellipsis; white-space: nowrap; }
.feed-item__reaction:hover, .feed-item__reaction:focus { background: #edf6f6; color: #07616b; }
.feed-item__reaction.is-active[data-action="like"] { color: #0b8897; }
.feed-item__reaction.is-active[data-action="love"] { color: #c52c3b; }
.feed-item__reaction:disabled { cursor: wait; opacity: .6; }
.social-feed__loading { color: #0b8897; padding: 18px; text-align: center; }
.social-feed__empty { color: #748386; padding: 20px 0; text-align: center; }
@media (max-width: 767px) { .social-feed { max-width: none; } .feed-item { padding: 12px; } .feed-item__title, .feed-item__reference { font-size: 18px; } .feed-item__reaction-summary { gap: 8px; } .feed-item__reaction { font-size: 11px; } .home-feed-secondary { display: none; } }