/* Shared publisher identity and subscription action, including fragments loaded later. */
.publisher-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:0 7px;min-width:0;line-height:1.3}
.publisher-labels{display:flex;flex-direction:column;flex:0 1 auto;min-width:0;gap:1px}
.publisher-name{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.publisher-name>a{min-width:0;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.publisher-name>a:hover{text-decoration:underline;text-underline-offset:3px}
.publisher-name strong{font-size:inherit;font-weight:700;line-height:inherit}
.publisher-name>.organization-credibility{flex:none}
.publisher-copy,.job-publisher-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}
.publisher-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:.74rem;line-height:1.45}
.publisher-name-row .person-follow,.publisher-name-row .publisher-follow{position:relative;display:inline-flex;flex:none;margin:0;gap:0;align-items:center}
.publisher-name-row .person-follow::before,.publisher-name-row .publisher-follow::before{content:'·';margin-right:6px;color:var(--muted)}
.publisher-name-row .publisher-follow-button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;min-width:66px;margin:0;padding:5px 2px;border:0;border-radius:4px;background:transparent;color:var(--accent);font:inherit;font-size:.76rem;font-weight:650;line-height:1.25;text-decoration:none;white-space:nowrap;cursor:pointer}
.publisher-name-row .publisher-follow-button[aria-pressed="true"]{color:var(--muted)}
.publisher-name-row .publisher-follow-button:hover{text-decoration:underline;text-underline-offset:3px;background:transparent}
.publisher-name-row .publisher-follow-button:focus-visible,.publisher-name>a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
.publisher-name-row .publisher-follow-button:disabled{opacity:.65;cursor:wait}
.publisher-name-row .person-follow-error{position:absolute;z-index:95;top:calc(100% + 4px);left:0;min-width:210px;max-width:min(280px,calc(100vw - 44px));margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #152b4026;color:var(--danger);font-size:.78rem;line-height:1.5;white-space:normal}
.publisher-name-row .person-follow-error[hidden]{display:none}
.identity .publisher-name-row{font-size:.9rem}
.identity .publisher-name-row>a{color:var(--accent)}
.publisher-name-row>h1{margin:0;min-width:0;max-width:100%}
/* One card rhythm: identity, content, destination, compact engagement. */
.social-post{border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 7px #152b400b;background:var(--surface)}
.social-post:has([data-follow-error]:not([hidden])){overflow:visible;position:relative;z-index:21}
.social-post .post-header,.member-post .post-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 16px 2px}
.social-post .post-header>.identity{display:flex;align-items:flex-start;flex:1;min-width:0;gap:10px;margin:0}
.social-post .post-header .avatar,.social-post .post-header .ee-external-icon{width:40px;height:40px;flex:0 0 40px;border-radius:11px}
.social-post .person-publisher .avatar{border-radius:50%}
.social-post .post-header .identity>a{display:inline-flex;flex:none}
.social-post .post-header .identity strong{font-size:.9rem;line-height:1.35}
.social-post .publisher-name-row{flex-wrap:nowrap;gap:0 4px}
.social-post .publisher-name-row .publisher-follow-button{justify-content:flex-start}
.social-post .publisher-name-row .person-follow::before,.social-post .publisher-name-row .publisher-follow::before{margin-right:4px}
.social-post .publisher-name-row:has(.publisher-meta) .person-follow::before,.social-post .publisher-name-row:has(.publisher-meta) .publisher-follow::before{align-self:flex-start;margin-top:5px}
.social-post .publisher-name-row:has(.publisher-meta) .publisher-follow-button{align-items:flex-start;padding-top:5px}
.social-post .publisher-labels .publisher-meta{font-size:.72rem;line-height:1.35}
.social-post .publisher-name{flex:0 1 auto}
.social-post .publisher-name strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.social-post .service-post .avatar svg,.social-post .avatar>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-post .post-header .post-header-actions{display:flex;align-items:flex-start;flex:none;gap:2px;margin-left:auto}
.social-post .post-kind{align-self:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:.7rem;font-weight:500}
.social-post .why-seen{padding:0 16px;margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}
.social-post .why-seen span{color:var(--accent)}
.social-post .reading-header{align-items:center}
.social-post .reading-header>.why-seen{flex:1;min-width:0;padding:0}
.social-post .post-body,.social-post .member-video-metadata{padding:6px 16px 10px;background:var(--surface)}
.social-post:has(.post-destination) .post-body{padding-bottom:4px}
.social-post .post-body h2,.social-post .member-video-metadata h2{margin:0 0 7px;font-size:1.08rem;font-weight:700;line-height:1.35;letter-spacing:-.015em;overflow-wrap:anywhere}
.social-post .post-body>p:last-child{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted)}
.social-post .post-body h2 a{text-decoration:none}
.social-post .post-body h2 a:hover{text-decoration:underline;text-underline-offset:3px}
.social-post .post-body .job-listing-meta{margin:6px 0 8px}
.social-post .post-body>.job-facts:last-child{margin-bottom:0;font-size:.8rem}
.social-post .post-destination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;min-height:44px;padding:0 16px;border:0}
.social-post .post-destination>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:.78rem;font-weight:650;text-decoration:none}
.social-post .post-destination>a:hover{text-decoration:underline;text-underline-offset:3px}
.social-post .member-post-media,.social-post .member-post-video{border-radius:0}
.social-post .member-post-media figure{margin:0}
.social-post .member-video-metadata .post-body{padding:0}
.social-post .member-post-copy{font-size:.9rem;line-height:1.6}
@media(max-width:620px){.social-post .post-header{padding-inline:14px;gap:8px}.social-post .post-body,.social-post .member-video-metadata{padding-inline:14px}.social-post .post-destination,.social-post .why-seen{padding-inline:14px}.publisher-name-row{gap:0 5px}.publisher-name-row .publisher-follow-button{min-width:60px}.publisher-name-row .person-follow::before,.publisher-name-row .publisher-follow::before{margin-right:4px}.publisher-name-row .person-follow-error{left:auto;right:0}}
