/* LinkedIn feed post approximation. */
.li { max-width: 555px; overflow: hidden; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); font: 14px/1.43 -apple-system, system-ui, "Segoe UI", Roboto, Arial, sans-serif; }
.li[data-device="mobile"] { max-width: 360px; }
.li__head { display: flex; gap: 8px; padding: 12px 16px 0; min-width: 0; }
.li__avatar { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: #0a66c2; color: #fff; font-weight: 700; }
.li__who { display: grid; min-width: 0; }
.li__headline, .li__meta { overflow: hidden; color: var(--text-2); font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.li__meta { display: flex; align-items: center; gap: 4px; }
.li__text { padding: 8px 16px; overflow-wrap: anywhere; }
.li__tag { color: #0a66c2; font-weight: 600; }
.li__more { padding: 0; border: 0; background: none; color: var(--text-2); font: inherit; cursor: pointer; }
.li__more:hover { color: #0a66c2; text-decoration: underline; }
.li__image { display: block; width: 100%; max-height: 520px; object-fit: cover; }
.li__link { background: var(--surface-2); }
.li__link img { display: block; width: 100%; aspect-ratio: 1.91 / 1; object-fit: cover; }
.li__link-body { display: grid; gap: 2px; padding: 8px 16px; }
.li__link-body span { color: var(--text-2); font-size: 12px; }
.li__bar { display: flex; justify-content: space-around; padding: 6px 8px; border-top: 1px solid var(--border); color: var(--text-2); font-weight: 600; font-size: 13px; }