/* LinkedIn 2026 feed UI, light theme. Values measured on linkedin.com/feed (Chrome, macOS). */
.li-stage { background: rgb(244, 242, 238); }
.li-card, .li-card * { box-sizing: border-box; }
.li-card { width: 552px; margin: 0 auto; border: 1px solid rgba(140, 140, 140, 0.2); border-radius: 8px; background: #fff; overflow: hidden;
  font-family: system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Ubuntu, Oxygen, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px; line-height: 1.25; color: rgba(0, 0, 0, 0.9); font-weight: 400; -webkit-font-smoothing: auto; }
.li-inner { display: flex; flex-direction: column; }
.li-card p { margin: 0; }

.li-head { display: flex; padding-left: 12px; padding-right: 40px; position: relative; }
.li-av { width: 48px; height: 48px; margin-top: 12px; margin-bottom: 4px; border-radius: 999px; overflow: hidden; flex: none; }
.li-head.company .li-av { width: 40px; height: 40px; border-radius: 4px; }
.li-av img { width: 100%; height: 100%; display: block; object-fit: cover; }
.li-info { flex: 1 1 0; min-width: 0; margin: 12px 4px 4px 8px; display: flex; flex-direction: column; }
.li-namerow { display: flex; align-items: center; height: 20px; min-width: 0; }
.li-name { font-weight: 600; font-size: 16px; line-height: 20px; white-space: pre-wrap; overflow: hidden; overflow-wrap: anywhere; word-break: break-word; flex: none; max-width: 100%; }
.li-deg { color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 15px; white-space: pre-wrap; height: 16px; flex: none; }
.li-deg > span { display: inline; }
.li-sp { white-space: pre; }
.li-prem { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: top; }
.li-prem svg { position: absolute; width: 16px; height: 16px; color: rgb(195, 125, 22); fill: currentColor; display: block; }
/* One line, cut at a word with "…" (LinkedIn uses -webkit-line-clamp: 1 on a flow-root paragraph). */
.li-sub { color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 15px; max-height: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.li-cta { color: rgb(10, 102, 194); font-size: 12px; font-weight: 600; line-height: 15px; height: 15px; white-space: nowrap; }
.li-hbtns { position: absolute; top: 8px; right: 4px; display: flex; gap: 4px; }
.li-head.hide2 { padding-right: 76px; }
.li-hbtn { width: 32px; height: 32px; padding: 8px; border-radius: 999px; color: rgba(0, 0, 0, 0.75); display: flex; justify-content: center; }
.li-hbtn svg { width: 16px; height: 16px; fill: currentColor; display: block; }

.li-text { display: block; padding: 4px 12px 8px 12px; line-height: 20.0004px; white-space: pre-wrap; word-break: break-word; }
.li-textbox { display: flow-root; position: relative; overflow: hidden; overflow-wrap: anywhere; }
.li-textbox.clamped { display: -webkit-box; -webkit-box-orient: vertical; }
.li-link { color: rgb(10, 102, 194); text-decoration: none; }
.li-link strong { font-weight: 600; }
.li-more { position: absolute; height: 20px; background: #fff; color: rgba(0, 0, 0, 0.6); white-space: pre; border: 0; padding: 0; font: inherit; line-height: 20px; text-align: left; cursor: pointer; }
.li-ell { color: rgba(0, 0, 0, 0.9); }

.li-single { width: 550px; overflow: hidden; background: rgb(228, 228, 228); }
.li-single img, .li-single video { width: 100%; height: 100%; display: block; object-fit: contain; background: #fff; }

.li-carousel { position: relative; width: 550px; overflow: hidden; }
.li-strip { display: flex; gap: 4px; padding: 0 12px; transition: transform 0.2s ease; }
.li-cfig { flex: none; border: 1px solid rgba(140, 140, 140, 0.2); border-radius: 8px; overflow: hidden; }
.li-cfig img { width: 100%; height: 100%; display: block; object-fit: cover; }
/* 2026 UI: a 32px dark circle centred in a 32x48 hit area, 16px from the right edge. */
.li-next { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 32px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1; border: 0; padding: 0; background: none; }
.li-next[hidden] { display: none; }
.li-prev { left: 16px; right: auto; }
.li-prev svg { transform: rotate(180deg); }
.li-next > span { width: 32px; height: 32px; border-radius: 999px; background: rgba(0, 0, 0, 0.75); color: #fff; display: flex; align-items: center; justify-content: center; }
.li-next svg { width: 16px; height: 16px; fill: currentColor; }
.li-count { position: absolute; top: 0; right: 0; margin: 12px 12px 0 0; padding: 4px; border-radius: 4px; background: rgba(0, 0, 0, 0.75); }
.li-count p { color: #fff; font-size: 12px; font-weight: 600; line-height: 15px; }

.li-lp { display: flex; margin: 0 12px; }
.li-lpbox { flex: 1 1 0; display: flex; gap: 12px; padding: 12px; border: 1px solid rgba(140, 140, 140, 0.2); border-radius: 8px; overflow: hidden; align-items: center; }
.li-lpfig { width: 128px; height: 72px; flex: none; background: rgb(228, 228, 228); border-radius: 8px; overflow: hidden; }
.li-lpfig img { width: 100%; height: 100%; display: block; object-fit: cover; }
.li-lptext { display: flex; flex-direction: column; min-width: 0; }
.li-lptitle { font-weight: 600; line-height: 17.5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.li-lpdomain { margin-top: 4px; color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 15px; }

.li-actions { display: flex; align-items: center; gap: 2px; min-height: 44px; padding: 0 12px; }
.li-act { width: 40px; height: 44px; padding: 4px 8px; display: flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.75); border-radius: 4px; }
.li-act svg { width: 20px; height: 20px; fill: currentColor; display: block; }