/* =========================================================================
   Social Tycoon — LinkedIn-style consumer theme ("Career")
   ========================================================================= */
:root{
  --li-bg:#f4f2ee; --li-card:#fff; --li-blue:#0a66c2; --li-blue-dk:#004182; --li-blue-bg:#edf3f8; --li-blue-hover:rgba(112,181,249,.1);
  --li-text:rgba(0,0,0,.9); --li-muted:rgba(0,0,0,.6); --li-faint:rgba(0,0,0,.4); --li-line:rgba(140,140,140,.2); --li-line-2:#e8e8e8;
  --li-hover:rgba(0,0,0,.08); --li-green:#057642; --li-green-dk:#01754f; --li-red:#cc1016; --li-amber:#915907;
  --li-shadow:0 0 0 1px rgb(140 140 140 / 20%);
  --li-pop:0 0 0 1px rgb(140 140 140 / 20%),0 4px 12px rgb(0 0 0 / 15%);
  --li-font:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Fira Sans",Ubuntu,Oxygen,"Oxygen Sans",Cantarell,"Droid Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Emoji","Segoe UI Symbol","Lucida Grande",Helvetica,Arial,sans-serif;
  --li-nav-h:52px;
  /* shared views (settings, ads, dashboard, tag …) read these */
  --st-bg:var(--li-bg); --st-surface:#fff; --st-surface-2:#f3f2ef; --st-hover:rgba(0,0,0,.05); --st-text:var(--li-text); --st-muted:var(--li-muted);
  --st-border:#d9d9d9; --st-primary:var(--li-blue); --st-on-primary:#fff; --st-danger:var(--li-red); --st-success:var(--li-green);
  --st-radius:4px; --st-radius-lg:8px; --st-pill:9999px; --st-font:var(--li-font); --st-shadow:var(--li-shadow); --st-top:var(--li-nav-h);
}
/* Dark mode (Me → Settings & Privacy → Display → Dark mode): LinkedIn's dark palette. data-theme forces it;
   data-appearance=device follows the device (appearance_attr() in web/main/includes/render.php). */
:root{color-scheme:light}
:root[data-theme=dark]{
  color-scheme:dark;
  --li-bg:#000; --li-card:#1b1f23; --li-blue:#71b7fb; --li-blue-dk:#a8d4ff; --li-blue-bg:#1d2a38; --li-blue-hover:rgba(113,183,251,.12);
  --li-text:rgba(255,255,255,.9); --li-muted:rgba(255,255,255,.6); --li-faint:rgba(255,255,255,.45); --li-line:rgba(255,255,255,.12); --li-line-2:#38434f;
  --li-hover:rgba(255,255,255,.08); --li-green:#6bc68b; --li-green-dk:#6bc68b; --li-red:#f5987e; --li-amber:#e7a33e;
  --li-shadow:none; --li-pop:0 0 0 1px #38434f,0 4px 12px rgba(0,0,0,.6);
  /* dark-only (light uses each rule's own fallback) */
  --li-on-blue:rgba(0,0,0,.9); --li-logo-bg:#0a66c2; --li-badge:#cb112d; --li-on-green:rgba(0,0,0,.9); --li-green-hover:#8fd6a6;
  --li-slate:rgba(255,255,255,.6); --li-ph:#38434f; --li-ph-ink:rgba(255,255,255,.6); --li-sep:rgba(255,255,255,.12); --li-sep-2:rgba(255,255,255,.15);
  --li-disabled:rgba(255,255,255,.3); --li-strong:rgba(255,255,255,.9); --li-outline:rgba(255,255,255,.4); --li-border:#38434f;
  --li-surface-2:#293138; --li-surface-3:#20262b; --li-comment:#293138; --li-thread:#293138; --li-chip:#38434f;
  --li-chip-hl-bg:rgba(107,198,139,.16); --li-chip-hl:#6bc68b; --li-adcta:#293138; --li-amber-dk:#f8c77e; --li-otw:#1d2a38; --li-dot:#5c6670;
  --li-event:#f5987e; --li-unread:#1d2a38; --li-unread-h:#23354a; --li-row-hover:rgba(255,255,255,.06);
  --li-auth-h1:#e2a690; --li-err-bg:rgba(245,152,126,.14); --li-err:#f5987e; --li-rx-like:#71b7fb; --li-rx-celebrate:#6dae4f; --li-rx-support:#c3a0f3; --li-rx-love:#f5987e; --li-rx-insightful:#e7a33e; --li-rx-funny:#44bfd3;
  --st-surface:#1b1f23; --st-surface-2:#293138; --st-hover:rgba(255,255,255,.08); --st-border:#38434f; --st-on-primary:rgba(0,0,0,.9);
}
@media (prefers-color-scheme:dark){
  :root[data-appearance=device]{
    color-scheme:dark;
    --li-bg:#000; --li-card:#1b1f23; --li-blue:#71b7fb; --li-blue-dk:#a8d4ff; --li-blue-bg:#1d2a38; --li-blue-hover:rgba(113,183,251,.12);
    --li-text:rgba(255,255,255,.9); --li-muted:rgba(255,255,255,.6); --li-faint:rgba(255,255,255,.45); --li-line:rgba(255,255,255,.12); --li-line-2:#38434f;
    --li-hover:rgba(255,255,255,.08); --li-green:#6bc68b; --li-green-dk:#6bc68b; --li-red:#f5987e; --li-amber:#e7a33e;
    --li-shadow:none; --li-pop:0 0 0 1px #38434f,0 4px 12px rgba(0,0,0,.6);
    /* dark-only (light uses each rule's own fallback) */
    --li-on-blue:rgba(0,0,0,.9); --li-logo-bg:#0a66c2; --li-badge:#cb112d; --li-on-green:rgba(0,0,0,.9); --li-green-hover:#8fd6a6;
    --li-slate:rgba(255,255,255,.6); --li-ph:#38434f; --li-ph-ink:rgba(255,255,255,.6); --li-sep:rgba(255,255,255,.12); --li-sep-2:rgba(255,255,255,.15);
    --li-disabled:rgba(255,255,255,.3); --li-strong:rgba(255,255,255,.9); --li-outline:rgba(255,255,255,.4); --li-border:#38434f;
    --li-surface-2:#293138; --li-surface-3:#20262b; --li-comment:#293138; --li-thread:#293138; --li-chip:#38434f;
    --li-chip-hl-bg:rgba(107,198,139,.16); --li-chip-hl:#6bc68b; --li-adcta:#293138; --li-amber-dk:#f8c77e; --li-otw:#1d2a38; --li-dot:#5c6670;
    --li-event:#f5987e; --li-unread:#1d2a38; --li-unread-h:#23354a; --li-row-hover:rgba(255,255,255,.06);
    --li-auth-h1:#e2a690; --li-err-bg:rgba(245,152,126,.14); --li-err:#f5987e; --li-rx-like:#71b7fb; --li-rx-celebrate:#6dae4f; --li-rx-support:#c3a0f3; --li-rx-love:#f5987e; --li-rx-insightful:#e7a33e; --li-rx-funny:#44bfd3;
    --st-surface:#1b1f23; --st-surface-2:#293138; --st-hover:rgba(255,255,255,.08); --st-border:#38434f; --st-on-primary:rgba(0,0,0,.9);
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--li-bg);color:var(--li-text);font:14px/1.42857 var(--li-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;color:inherit}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,video{max-width:100%}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.li-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--li-card);color:var(--li-blue);padding:8px 16px;border-radius:4px;box-shadow:var(--li-pop);font-weight:600}
.li-skip:focus{left:16px}
:focus-visible{outline:2px solid var(--li-blue);outline-offset:2px}
.li-grow{flex:1;min-width:0}
.li-muted{color:var(--li-muted)}
.li-small{font-size:12px}
.li-strong{font-weight:600;color:var(--li-text)}
a.li-strong:hover{color:var(--li-blue);text-decoration:underline}
.li-link{color:var(--li-blue);font-weight:600;background:none;border:0;padding:0;font-size:inherit}
.li-link:hover{text-decoration:underline}
.li-block{display:block;margin:0}
.li-show-sm{display:none!important}
.li-rail-h,.li-psec-head h2.li-rail-h{font-size:16px;font-weight:600;line-height:1.5;color:var(--li-text)}
.li-sep-y{margin:12px 0}
.li-break{overflow-wrap:anywhere}
.li-hidden-note{margin-bottom:8px;font-size:14px}

/* ---------- Icons ---------- */
svg[class*="w-"],svg[class*="h-"]{flex:none}
.w-3{width:12px}.h-3{height:12px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}
.w-7{width:28px}.h-7{height:28px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}
.li-i{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle}
.li-i-14{width:14px;height:14px}.li-i-16{width:16px;height:16px}.li-i-20{width:20px;height:20px}.li-i-32{width:32px;height:32px}
.li-flip{transform:scaleX(-1)}
.li-verified{color:var(--li-slate,#56687a);flex:none;vertical-align:-3px;margin-left:4px}

/* ---------- Avatars & logos ---------- */
.li-av{border-radius:50%;object-fit:cover;flex:none;background:var(--li-ph,#e9e5df);vertical-align:middle}
.li-co-logo{border-radius:4px;object-fit:cover;flex:none;background:#fff;vertical-align:middle}
.li-co-logo.avatar-initials{border-radius:4px}
.li-ph-logo{display:inline-grid;place-items:center;border-radius:4px;background:var(--li-ph,#e9e5df);color:var(--li-ph-ink,#8c8c8c);flex:none}
.li-ph-logo .li-i{width:55%;height:55%}
.li-logo{display:inline-flex;align-items:flex-end;justify-content:flex-end;background:var(--li-logo-bg,var(--li-blue));color:#fff;font-weight:800;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height:.9;letter-spacing:-.05em;padding:0 .16em .1em 0;flex:none;text-transform:lowercase;user-select:none;overflow:hidden}
.li-logo-inv{background:#fff;color:var(--li-logo-bg,var(--li-blue))}
.li-cover{position:relative;overflow:hidden;background:#a0b4b7}
.li-cover img{width:100%;height:100%;object-fit:cover;display:block}
.li-cover-default{background:linear-gradient(135deg,#d4dde0 0%,#a0b4b7 55%,#8ea3a7 100%)}

/* ---------- Buttons ---------- */
.li-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:6px 16px;border:0;border-radius:9999px;font:600 16px/1.25 var(--li-font);
  cursor:pointer;text-decoration:none;white-space:nowrap;background:transparent;color:var(--li-muted);transition:background-color .167s,box-shadow .167s,color .167s;vertical-align:middle}
.li-btn-primary{background:var(--li-blue);color:var(--li-on-blue,#fff)}
.li-btn-primary:hover{background:var(--li-blue-dk)}
.li-btn-primary:disabled{background:var(--li-sep,rgba(0,0,0,.08));color:var(--li-disabled,rgba(0,0,0,.3));cursor:not-allowed}
.li-btn-secondary{color:var(--li-blue);box-shadow:inset 0 0 0 1px var(--li-blue)}
.li-btn-secondary:hover{background:var(--li-blue-hover);box-shadow:inset 0 0 0 2px var(--li-blue-dk);color:var(--li-blue-dk)}
.li-btn-secondary.is-on{background:var(--li-blue-hover)}
.li-btn-muted,.li-btn-muted-o{color:var(--li-muted);box-shadow:inset 0 0 0 1px var(--li-muted)}
.li-btn-muted:hover,.li-btn-muted-o:hover{background:rgba(140,140,140,.1);box-shadow:inset 0 0 0 2px var(--li-strong,rgba(0,0,0,.75));color:var(--li-strong,rgba(0,0,0,.75))}
.li-btn-muted-o.li-btn-secondary{color:var(--li-muted);box-shadow:inset 0 0 0 1px var(--li-muted)}
.li-btn-muted-o.li-btn-secondary:hover{background:rgba(140,140,140,.1);box-shadow:inset 0 0 0 2px var(--li-strong,rgba(0,0,0,.75));color:var(--li-strong,rgba(0,0,0,.75))}
.li-btn-tertiary{color:var(--li-muted)}
.li-btn-tertiary:hover{background:rgba(140,140,140,.15);color:var(--li-strong,rgba(0,0,0,.75))}
.li-btn-sm{min-height:32px;padding:5px 16px;font-size:16px}
.li-btn-xs{min-height:24px;padding:2px 12px;font-size:14px}
.li-btn-block{width:100%}
.li-btn-lg{min-height:48px;padding:12px 24px;font-size:16px}
.li-btn .li-i-16{margin-left:-2px}
.li-btn.is-static{cursor:default}
.li-btn-applied{color:var(--li-green);box-shadow:inset 0 0 0 1px var(--li-green);cursor:default}
.li-icon-btn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--li-muted);display:inline-grid;place-items:center;cursor:pointer;flex:none;position:relative}
.li-icon-btn:hover{background:var(--li-hover);color:var(--li-text)}
.li-icon-btn-sm{width:32px;height:32px}
.inline-form{display:inline-flex;margin:0}
form.is-busy .li-btn,form.is-busy .li-act{opacity:.6}

/* ---------- Inputs ---------- */
.li-input{width:100%;min-height:32px;padding:6px 12px;border:1px solid var(--li-muted);border-radius:4px;background:var(--li-card);font-size:14px;line-height:1.43;color:var(--li-text);outline:0}
.li-input:focus{box-shadow:inset 0 0 0 1px var(--li-text);border-color:var(--li-text)}
.li-input[readonly]{background:var(--li-surface-2,#f3f2ef);border-color:var(--li-border,#d9d9d9)}
textarea.li-input{resize:vertical}
.li-field{display:block;margin-bottom:16px}
.li-field>span{display:block;font-size:14px;color:var(--li-muted);margin-bottom:4px}
.li-field em{font-style:normal;color:var(--li-faint)}

/* ---------- Global nav ---------- */
.li-nav{position:sticky;top:0;z-index:50;height:var(--li-nav-h);background:var(--li-card);border-bottom:1px solid var(--li-sep,rgba(0,0,0,.08))}
.li-nav-in{max-width:1128px;height:100%;margin:0 auto;display:flex;align-items:center;gap:8px}
.li-nav-logo{display:flex;flex:none}
.li-nav-meav,.li-nav-msg{display:none}
.li-nav-search{position:relative;display:flex;align-items:center;width:280px;height:34px;background:var(--li-blue-bg);border-radius:4px;flex:none;transition:width .2s}
.li-nav-search .li-i{position:absolute;left:12px;color:var(--li-text);pointer-events:none}
.li-nav-search input{width:100%;height:100%;border:0;background:transparent;padding:0 8px 0 40px;font-size:14px;outline:0;border-radius:4px;color:var(--li-text)}
.li-nav-search input::placeholder{color:var(--li-muted)}
.li-nav-search input:focus{box-shadow:0 0 0 2px var(--li-text)}
.li-nav-search input::-webkit-search-cancel-button{display:none}
.li-nav-items{display:flex;align-items:stretch;height:100%;margin-left:auto}
.li-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;height:100%;padding:0 6px;border:0;background:none;
  color:var(--li-muted);font-size:12px;line-height:1.33;font-weight:400;cursor:pointer}
.li-nav-item:hover{color:var(--li-text)}
.li-nav-item.is-active{color:var(--li-text)}
.li-nav-item.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--li-text)}
.li-nav-ic{position:relative;display:flex;height:24px;align-items:center}
.li-nav-ic .li-av{width:24px!important;height:24px!important}
.li-nav-label{display:flex;align-items:center;white-space:nowrap}
.li-nav-label .li-i{margin-right:-4px}
.li-nav-drop{position:relative;display:flex}
.li-nav-sep{width:1px;background:var(--li-sep,rgba(0,0,0,.08));margin:0 4px}
.li-badge{position:absolute;top:-4px;left:14px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--li-badge,var(--li-red));color:#fff;font-size:12px;font-weight:600;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--li-card)}

/* ---------- Menus ---------- */
.li-menu-wrap{position:relative;display:inline-flex}
.li-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:70;min-width:240px;max-width:min(360px,calc(100vw - 16px));background:var(--li-card);border-radius:8px;box-shadow:var(--li-pop);padding:8px 0;text-align:left;color:var(--li-text)}
.li-menu-right{left:auto;right:0}
.li-menu-up{top:auto;bottom:calc(100% + 4px)}
.li-menu-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px 16px;border:0;background:none;color:var(--li-muted);font-size:14px;text-align:left;cursor:pointer}
.li-menu-item:hover{background:var(--li-hover);color:var(--li-text)}
.li-menu-item>.li-i{color:var(--li-muted)}
.li-menu-item strong{display:block;color:var(--li-text);font-weight:600;font-size:14px}
.li-menu-item small{display:block;color:var(--li-muted);font-size:12px;margin-top:2px}
.li-menu-item.is-active strong{color:var(--li-green-dk)}
.li-menu-link{display:block;width:100%;padding:4px 16px;border:0;background:none;text-align:left;font-size:14px;color:var(--li-muted);cursor:pointer}
.li-menu-link:hover{text-decoration:underline;color:var(--li-text)}
.li-menu-sec{border-top:1px solid var(--li-line);padding:8px 0}
.li-menu-sec h3{font-size:16px;font-weight:600;padding:4px 16px;color:var(--li-text)}
.li-me-menu{width:264px;padding:0;top:calc(100% + 1px)}
.li-me-head{padding:12px 16px}
.li-me-head-top{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}
.li-me-head-top strong{display:block;font-size:16px;font-weight:600;color:var(--li-text)}
.li-me-head-top small{display:block;font-size:14px;color:var(--li-text);line-height:1.43}
.li-biz-menu{width:360px;padding:16px;top:calc(100% + 1px);max-height:calc(100vh - 80px);overflow:auto}
.li-biz-title{font-size:16px;font-weight:600;margin-bottom:12px}
.li-biz-title-2{margin-top:16px;padding-top:16px;border-top:1px solid var(--li-line)}
.li-biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 4px}
.li-biz-tile{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;text-align:center;color:var(--li-text);padding:4px;border-radius:4px}
.li-biz-tile:hover{background:var(--li-hover)}
.li-biz-ic{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:#fff}
.li-biz-link{display:block;padding:8px 0}
.li-biz-link strong{display:block;font-size:14px;color:var(--li-text)}
.li-biz-link small{display:block;color:var(--li-muted);font-size:12px}
.li-biz-link:hover strong{text-decoration:underline}

/* ---------- Layout ---------- */
.li-shell{max-width:1128px;margin:0 auto;padding:24px 0 32px}
.li-grid{display:grid;gap:24px;align-items:start}
.li-grid-3{grid-template-columns:minmax(0,225fr) minmax(0,555fr) minmax(0,300fr)}
.li-grid-left{grid-template-columns:minmax(0,300fr) minmax(0,804fr)}
.li-grid-wide{grid-template-columns:minmax(0,804fr) minmax(0,300fr)}
.li-grid-solo,.li-grid-full{grid-template-columns:minmax(0,1fr)}
.li-main{min-width:0}
.li-left,.li-right{min-width:0}
.li-card{background:var(--li-card);border-radius:8px;box-shadow:var(--li-shadow)}
.li-main>.li-card,.li-left>.li-card,.li-right>.li-card,.li-right>section,.li-left>nav,[data-feed-item]>.li-card{margin-bottom:8px}
.li-card-pad{padding:16px}
.li-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 8px}
.li-card-head h1,.li-card-head h2{font-size:16px;font-weight:600;color:var(--li-text)}
.li-card-head h1.li-h-lg,.li-card-head h2.li-h-lg{font-size:20px}
.li-card-foot{display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid var(--li-line);padding:12px;font-weight:600;color:var(--li-muted);border-radius:0 0 8px 8px}
a.li-card-foot:hover{background:var(--li-hover);color:var(--li-text)}
.li-sep{height:1px;background:var(--li-line);margin:0}
.li-sticky{position:sticky;top:calc(var(--li-nav-h) + 24px)}

/* ---------- Home: profile card ---------- */
.li-me-card{overflow:hidden;text-align:center}
.li-me-top{display:block}
.li-me-cover{height:56px}
.li-me-av{display:block;width:72px;height:72px;margin:-38px auto 12px;position:relative;border-radius:50%;box-shadow:0 0 0 2px var(--li-card);background:var(--li-card)}
.li-me-av .li-av{width:72px!important;height:72px!important}
.li-me-av-co{border-radius:6px;overflow:hidden}
.li-me-card .li-page-actions{margin-top:0;justify-content:center}
.li-me-name{display:block;font-size:16px;font-weight:600;color:var(--li-text);padding:0 12px}
.li-me-top:hover .li-me-name{text-decoration:underline}
.li-me-sub{font-size:12px;color:var(--li-muted);padding:4px 12px 0;line-height:1.33}
.li-me-loc{font-size:12px;color:var(--li-muted);padding:4px 12px 0}
.li-me-role{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--li-text);padding:8px 12px 0}
.li-me-role:hover span{text-decoration:underline}
.li-me-stats{margin-top:12px;border-top:1px solid var(--li-line);padding:12px 0;text-align:left}
.li-me-stats a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--li-muted)}
.li-me-stats a:hover{background:var(--li-hover)}
.li-me-stats small{display:block;color:var(--li-text);font-weight:600}
.li-me-stats strong{color:var(--li-blue);font-weight:600}
.li-me-items{display:flex;align-items:center;gap:8px;border-top:1px solid var(--li-line);padding:12px;font-size:12px;font-weight:600;color:var(--li-text);text-align:left}
.li-me-items:hover{background:var(--li-hover)}
.li-me-items .li-i{color:var(--li-muted)}
.li-me-links{padding:8px 0 0;overflow:hidden}
.li-me-links-sec{padding:0 12px 8px}
.li-me-links-sec h3{font-size:12px;font-weight:400;color:var(--li-text);padding:4px 0}
.li-me-recent{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:600;color:var(--li-muted)}
.li-me-recent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.li-me-recent:hover{color:var(--li-text)}
.li-me-link{display:block;padding:4px 12px;font-size:12px;font-weight:600;color:var(--li-blue)}
.li-me-link:hover{text-decoration:underline}
.li-me-link-row{display:flex;align-items:center;justify-content:space-between;padding-right:4px}
.li-me-discover{display:block;margin-top:12px;border-top:1px solid var(--li-line);padding:12px;text-align:center;font-size:14px;font-weight:600;color:var(--li-muted)}
.li-me-discover:hover{background:var(--li-hover);color:var(--li-text)}

/* ---------- Rails ---------- */
.li-rail-card{padding:12px 0 0;overflow:hidden}
.li-rail-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;margin-bottom:8px}
.li-rail-head h2{font-size:16px;font-weight:600}
.li-info{color:var(--li-text);display:inline-flex;cursor:help}
.li-rail-list{padding:0 16px}
.li-rail-row{display:flex;gap:8px;padding:8px 0}
.li-rail-av{flex:none;line-height:0}
.li-rail-main{flex:1;min-width:0}
.li-rail-name{font-size:14px;font-weight:600;color:var(--li-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center}
.li-rail-name:hover{color:var(--li-blue);text-decoration:underline}
.li-rail-sub{font-size:12px;color:var(--li-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.33}
.li-rail-btn{margin-top:8px}
.li-rail-btn .li-btn{min-height:32px;padding:5px 16px;font-size:16px}
.li-rail-btn .li-btn.is-on{color:var(--li-text)}
.li-rail-foot{display:flex;align-items:center;gap:4px;padding:8px 16px 12px;font-size:14px;font-weight:600;color:var(--li-muted)}
.li-rail-foot:hover{color:var(--li-blue);text-decoration:underline}
.li-news-sub{font-size:14px;font-weight:600;color:var(--li-muted);padding:0 16px 4px}
.li-news-list li a{display:block;padding:4px 16px 4px 32px;position:relative}
.li-news-list li a::before{content:"";position:absolute;left:16px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--li-muted)}
.li-news-list li a:hover{background:var(--li-hover)}
.li-news-title{display:block;font-size:14px;font-weight:600;color:var(--li-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-news-meta{display:block;font-size:12px;color:var(--li-muted)}
.li-news-more{display:flex;align-items:center;gap:4px;margin:4px 8px 12px;padding:4px 8px;border:0;background:none;border-radius:4px;color:var(--li-muted);font-size:14px;font-weight:600;cursor:pointer}
.li-news-more:hover{background:var(--li-hover);color:var(--li-text)}
.li-foot{padding:16px 8px;text-align:center}
.li-right .li-foot{position:sticky;top:calc(var(--li-nav-h) + 16px)}
.li-foot ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}
.li-foot li{font-size:12px;color:var(--li-muted)}
.li-foot li a:hover{color:var(--li-blue);text-decoration:underline}
.li-foot-brand{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12px;color:var(--li-text)}
/* "Language ▾" picker (rail footer + guest footer) */
.li-lang{display:inline-flex;vertical-align:middle}
.li-lang-btn{display:inline-flex;align-items:center;gap:2px;border:0;background:none;padding:0;font:inherit;font-size:12px;line-height:inherit;color:var(--li-muted);cursor:pointer}
.li-lang-btn:hover{color:var(--li-blue);text-decoration:underline}
.li-lang-btn .li-i{margin-left:1px}
.li-lang-menu{min-width:180px;padding:4px 0}
.li-foot .li-lang-menu{left:50%;transform:translateX(-50%)}
.li-lang-item{display:block;width:100%;padding:8px 16px;font-size:14px;color:var(--li-text);text-align:left}
.li-lang-item:hover{background:var(--li-hover);text-decoration:none}
.li-lang-item.is-active{font-weight:600;color:var(--li-green-dk);box-shadow:inset 3px 0 0 var(--li-green-dk)}
.li-side-nav ul{padding:8px 0}
.li-side-nav a{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--li-muted)}
.li-side-nav a:hover{background:var(--li-hover);color:var(--li-text)}
.li-side-nav a span{flex:1}
.li-side-nav a strong{font-weight:400;color:var(--li-muted)}
.li-side-nav a.is-active{color:var(--li-text);box-shadow:inset 3px 0 0 var(--li-green-dk)}
.li-side-nav h2{font-size:16px;font-weight:600;padding:16px 16px 4px}

/* ---------- Start a post ---------- */
.li-share{padding:12px 16px 4px}
.li-share-top{display:flex;align-items:center;gap:8px}
.li-share-btn{flex:1;min-height:48px;padding:10px 16px;border:1px solid var(--li-outline,rgba(0,0,0,.4));border-radius:35px;background:var(--li-card);text-align:left;font-size:14px;font-weight:600;color:var(--li-muted);cursor:pointer}
.li-share-btn:hover{background:var(--li-hover)}
.li-share-acts{display:flex;justify-content:space-around;margin-top:4px}
.li-share-act{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border:0;background:none;border-radius:4px;font-size:14px;font-weight:600;color:var(--li-muted);cursor:pointer}
.li-share-act:hover{background:var(--li-hover)}
.li-share-ic{display:inline-flex}
.li-sortbar{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.li-sortbar::before{content:"";flex:1;height:1px;background:var(--li-sep-2,rgba(0,0,0,.15))}
.li-sortbar-btn{display:inline-flex;align-items:center;gap:2px;border:0;background:none;font-size:12px;color:var(--li-muted);cursor:pointer;padding:0}
.li-sortbar-btn strong{color:var(--li-text);font-weight:600;margin-left:3px}
.li-sortbar .li-menu{min-width:160px}

/* ---------- Dialogs ---------- */
.li-dialog{border:0;padding:0;border-radius:8px;box-shadow:0 0 0 1px rgb(140 140 140 / 20%),0 12px 40px rgb(0 0 0 / 30%);width:min(552px,calc(100vw - 32px));max-height:calc(100vh - 48px);color:var(--li-text);background:var(--li-card)}
.li-dialog::backdrop{background:rgba(0,0,0,.6)}
.li-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 24px;border-bottom:1px solid var(--li-line)}
.li-dialog-head h2{font-size:20px;font-weight:600}
.li-dialog-body{padding:16px 24px;overflow:auto}
.li-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--li-line)}
.li-compose{width:min(744px,calc(100vw - 32px))}
.li-compose-form{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}
.li-compose-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 8px 24px}
.li-compose-who{display:flex;align-items:center;gap:12px}
.li-compose-who strong{display:block;font-size:20px;font-weight:600;line-height:1.3}
.li-compose-aud{position:relative;display:inline-flex;align-items:center;gap:2px;font-size:14px;color:var(--li-text)}
.li-compose-aud select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-size:14px;padding:2px 18px 2px 0;cursor:pointer;color:var(--li-text)}
.li-compose-aud .li-i{position:absolute;right:0;pointer-events:none}
.li-compose-aud-fixed{color:var(--li-muted)}
.li-compose-text{display:block;width:100%;min-height:220px;border:0;resize:none;outline:0;padding:12px 24px;font-size:18px;line-height:1.5;color:var(--li-text);background:transparent}
.li-compose-text::placeholder{color:var(--li-muted)}
.li-compose-preview{padding:0 24px 12px}
.li-compose-preview .st-preview-media{max-height:320px;border-radius:8px}
.li-compose-foot{display:flex;align-items:center;gap:8px;padding:12px 16px 16px 20px;border-top:1px solid var(--li-line)}
.li-compose-tools{display:flex;gap:4px;flex:1}
.li-compose-tools .li-icon-btn{color:var(--li-muted)}
.li-compose-count{font-size:12px;color:var(--li-muted)}
.li-compose-count[data-state=over]{color:var(--li-red);font-weight:600}
.li-apply-progress{height:8px;border-radius:4px;background:var(--li-line-2);overflow:hidden;margin-bottom:16px}
.li-apply-progress span{display:block;height:100%;background:var(--li-green);border-radius:4px}
.li-apply-h{font-size:18px;font-weight:600;margin-bottom:12px}
.li-apply-who{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.li-apply-who strong{font-size:16px}
.li-apply form{display:flex;flex-direction:column}

/* ---------- Create page, hashtag card ---------- */
.li-create{max-width:744px;margin:0 auto}
.li-compose-page .li-compose-form{max-height:none}
.li-compose-quote{padding:0 24px 12px}
.li-embed .li-media-el{max-height:400px}
.li-compose-quote .li-media-el,.li-quote .li-media-el{max-height:340px}
.li-tagcard{text-align:center}
.li-tagcard-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 8px;border-radius:8px;background:var(--li-blue-bg);color:var(--li-blue);font-size:32px;font-weight:700}
.li-tagcard h1{font-size:20px;font-weight:600;overflow-wrap:anywhere}
.li-tagcard p{margin:4px 0 12px;font-size:14px}

/* ---------- Posts ---------- */
.li-post{position:relative}
.li-post-ctx{display:flex;align-items:center;gap:8px;margin:0 16px;padding:8px 0;border-bottom:1px solid var(--li-line);font-size:12px;color:var(--li-muted)}
.li-post-ctx .li-strong{font-weight:600}
.li-post-ctx .li-menu-wrap{margin-right:-8px}
.li-post-head{display:flex;align-items:flex-start;gap:8px;padding:12px 16px 0}
.li-post-av{flex:none;line-height:0;display:block}
.li-post-who{flex:1;min-width:0;line-height:1.33}
.li-post-line{display:flex;align-items:center;min-width:0;flex-wrap:nowrap}
.li-post-name{display:inline-flex;align-items:center;min-width:0;font-size:14px;font-weight:600;color:var(--li-text)}
.li-post-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.li-post-name:hover>span{color:var(--li-blue);text-decoration:underline}
.li-degree{font-size:14px;color:var(--li-muted);white-space:nowrap;flex:none;margin-left:4px}
.li-post-sub{font-size:12px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-post-time{display:inline-flex;align-items:center;font-size:12px;color:var(--li-muted)}
.li-post-time:hover{color:var(--li-blue);text-decoration:underline}
.li-post-time .li-i{margin-left:1px}
.li-post-tools{display:flex;align-items:center;gap:0;margin:-6px -8px 0 0;flex:none}
.li-follow-slot{display:inline-flex}
.li-follow{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:4px 8px;border:0;border-radius:4px;background:none;color:var(--li-blue);font-size:16px;font-weight:600;cursor:pointer}
.li-follow:hover{background:var(--li-blue-hover);color:var(--li-blue-dk)}
.li-follow.is-on{color:var(--li-muted)}
.li-post-more{width:32px;height:32px}
.li-post-text{padding:8px 16px 0;font-size:14px;line-height:1.43;color:var(--li-text);overflow-wrap:anywhere}
.li-post-text a,.li-comment-text a,.li-msg-text a,.li-job-desc a,.li-about a{color:var(--li-blue);font-weight:600}
.li-post-text a:hover,.li-comment-text a:hover,.li-msg-text a:hover{text-decoration:underline}
.li-more{border:0;background:none;padding:0 0 0 2px;font-size:14px;color:var(--li-muted);cursor:pointer}
.li-more:hover{color:var(--li-blue);text-decoration:underline}
.li-post-media{position:relative;margin-top:8px;background:var(--li-surface-2,#f3f2ef);line-height:0;overflow:hidden}
.li-post-media>a{display:block}
.li-media-el{width:100%;height:auto;display:block;background:#1d2226}
.li-post-media.is-video .li-media-el{background:#000}
.li-mute{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.li-mute .li-mute-on,.li-mute.is-unmuted .li-mute-off{display:none}
.li-mute.is-unmuted .li-mute-on{display:block}
.li-quote{padding:8px 16px 0}
.li-embed{border:1px solid var(--li-line-2);border-radius:8px;overflow:hidden;background:var(--li-card)}
.li-embed-head{display:flex;gap:8px;padding:12px 12px 0}
.li-embed .li-post-text{padding:8px 12px 12px}
.li-embed .li-post-media{margin-top:0}
.li-embed-missing{display:flex;gap:12px;align-items:center;padding:16px;color:var(--li-muted);background:var(--li-surface-3,#f9fafb)}
.li-embed-missing strong{display:block;color:var(--li-text)}
.li-embed-missing small{display:block}
.li-post-social{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 16px;padding:8px 0;border-bottom:1px solid var(--li-line);font-size:12px;color:var(--li-muted)}
.li-social-rx{display:inline-flex;align-items:center;gap:4px;min-width:0}
.li-social-rx:hover{color:var(--li-blue);text-decoration:underline}
.li-rx-stack{display:inline-flex;align-items:center}
.li-rx-stack .li-ric+.li-ric{margin-left:-4px}
.li-social-right{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.li-social-link{border:0;background:none;padding:0;font-size:12px;color:var(--li-muted);cursor:pointer}
.li-social-link:hover{color:var(--li-blue);text-decoration:underline}
.li-dot{color:var(--li-muted)}
.li-social-link[hidden]+.li-dot{display:none}
.li-ric{display:inline-grid;place-items:center;border-radius:50%;flex:none;box-shadow:0 0 0 1px var(--li-card);position:relative}
.li-ric-g{width:62%;height:62%;color:#fff}
.li-ric-like .li-ric-g{transform:scaleX(-1)}
.li-post-social[hidden]+.li-post-actions{border-top:1px solid var(--li-line)}
.li-post-actions{display:flex;align-items:stretch;justify-content:space-between;padding:4px 8px}
.li-act{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 8px;border:0;background:none;border-radius:4px;
  color:var(--li-muted);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;min-width:0}
.li-act:hover{background:var(--li-hover);color:var(--li-text)}
.li-act.is-on:hover{background:var(--li-hover)}
.li-act .li-ric{width:18px;height:18px}
.li-act-wrap{flex:1;display:flex}
.li-act-wrap>.li-act{width:100%}
.li-like-wrap{position:relative;flex:1;display:flex}
.li-like-form{flex:1;display:flex;margin:0}
.li-like-form .li-act{width:100%}
.li-rx-picker{position:absolute;left:-4px;bottom:calc(100% + 2px);z-index:30;display:flex;gap:4px;padding:6px 8px;background:var(--li-card);border-radius:8px;box-shadow:var(--li-pop);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s,transform .15s,visibility 0s linear .15s}
.li-rx-picker::after{content:"";position:absolute;left:0;right:0;top:100%;height:4px}
.li-rx-form{display:flex;margin:0}
@media (hover:hover){
  .li-like-wrap:hover .li-rx-picker{opacity:1;visibility:visible;transform:none;transition:opacity .15s ease .45s,transform .15s ease .45s,visibility 0s linear .45s}
}
.li-like-wrap:has(:focus-visible) .li-rx-picker,.li-like-wrap.is-open .li-rx-picker{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s,visibility 0s}
.li-rx{position:relative;border:0;background:none;padding:0;border-radius:50%;cursor:pointer;transition:transform .15s;line-height:0}
.li-rx:hover,.li-rx:focus-visible{transform:translateY(-6px) scale(1.25)}
.li-ric-lg{box-shadow:none}
.li-rx-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:12px;background:rgba(0,0,0,.9);color:#fff;
  font-size:11px;font-weight:600;line-height:18px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s}
.li-rx:hover .li-rx-tip,.li-rx:focus-visible .li-rx-tip{opacity:1}
.li-repost-menu{width:340px}
.li-post-menu{width:300px}

/* ---------- Sponsored content (ads engine units) ---------- */
.li-ad .li-ad-label{font-size:12px;color:var(--li-muted)}
.li-ad .li-post-media{margin-top:8px}
.li-ad-media>a{display:block}
.li-ad-cta{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--li-adcta,#eef3f8);min-height:56px}
.li-ad-cta-text{flex:1;min-width:0;display:block;text-align:left;border:0;background:none;padding:0;color:var(--li-text);cursor:pointer}
.li-ad-cta-text strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-ad-cta-text small{display:block;font-size:12px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-ad-cta-text:hover strong{color:var(--li-blue);text-decoration:underline}
.li-ad-cta-btn{flex:none;font-size:14px}
.li-ad .li-post-social{margin-top:0}
.li-ad-cards{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.li-ad-card{flex:0 0 min(75%,300px);scroll-snap-align:start;border:1px solid var(--li-line-2);border-radius:8px;overflow:hidden;background:var(--li-card);color:var(--li-text)}
.li-ad-card-media{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#1d2226}
.li-ad-card-title{display:block;padding:8px 12px 10px;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-ad-card:hover .li-ad-card-title{color:var(--li-blue);text-decoration:underline}
.li-ad.is-preview{box-shadow:0 0 0 1px var(--li-line-2)}
[data-ad-hidden]{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:16px;background:var(--li-card);border-radius:8px;box-shadow:var(--li-shadow);font-size:14px;color:var(--li-text)}
[data-ad-hidden]>.li-i{color:var(--li-muted)}
.li-ad-dialog .li-dialog-body{display:flex;flex-direction:column;gap:12px}
.li-ad-dialog-who{display:flex;align-items:center;gap:12px}
.li-ad-dialog-who strong{display:block;font-size:14px}
.li-ad-dialog-who .li-muted{font-size:12px}
.li-ad-why{display:flex;flex-direction:column;gap:10px;font-size:14px}
.li-ad-why li{display:flex;gap:8px;align-items:flex-start}
.li-ad-why .li-i{color:var(--li-muted);margin-top:2px}
.li-ad-feedback{margin:0}
.li-ad-feedback+.li-ad-feedback{border-top:1px solid var(--li-line);padding-top:12px}
.li-ad-feedback fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.li-ad-feedback legend{font-size:16px;font-weight:600;margin-bottom:6px;padding:0}
.li-radio{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 8px;margin:0 -8px;border-radius:4px;font-size:14px;cursor:pointer}
.li-radio:hover{background:var(--li-hover)}
.li-radio input{width:18px;height:18px;margin:0;accent-color:var(--li-green-dk);flex:none}
.li-ad-feedback-foot{display:flex;justify-content:flex-end;margin-top:8px}

/* Lead gen form (the pre-filled instant form of a lead gen ad) */
.li-lead form{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}
.li-lead .li-dialog-body{overflow:auto}
.li-lead-who{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;min-width:0}
.li-lead-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-lead-title{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:4px}
.li-lead-intro{font-size:14px;color:var(--li-muted);margin-bottom:16px;white-space:pre-line}
.li-lead-note{margin:-8px 0 12px}
.li-lead-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:32px 24px}
.li-lead-done .li-i{color:var(--li-green)}
.li-lead-done h2,.li-lead-done h1{font-size:20px;font-weight:600}
.li-lead-done p{color:var(--li-muted);font-size:14px;max-width:420px}
.li-lead.is-done [data-li-lead-form],.li-lead.is-done [data-li-lead-submit]{display:none}

/* Right-rail ad ("Ad ···"): text ad or spotlight */
.li-rail-ad{padding:8px 12px 12px;margin-bottom:8px}
.li-rail-ad-head{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:32px}
.li-rail-ad-label{font-size:12px;color:var(--li-muted);font-weight:600}
.li-rail-ad-head .li-post-more{width:28px;height:28px}
.li-spot{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 4px;color:var(--li-text)}
.li-spot-pics{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0}
.li-spot-pics .li-av,.li-spot-pics img,.li-spot-pics .li-co-logo{width:64px!important;height:64px!important}
.li-spot-pics .li-textad-img{border-radius:4px;object-fit:cover}
.li-spot-text{display:flex;flex-direction:column;gap:4px}
.li-spot-text strong{font-size:14px;font-weight:600;line-height:1.3}
.li-spot-text span{font-size:12px;color:var(--li-muted);line-height:1.33}
.li-spot .li-btn{margin-top:4px}
.li-spot:hover .li-btn{background:var(--li-blue-hover);box-shadow:inset 0 0 0 2px var(--li-blue-dk)}
.li-textad{display:flex;gap:12px;align-items:flex-start;color:var(--li-text)}
.li-textad-pic{flex:none;line-height:0}
.li-textad-pic img,.li-textad-img{width:56px;height:56px;border-radius:4px;object-fit:cover}
.li-textad-text{min-width:0;display:flex;flex-direction:column;gap:2px}
.li-textad-text strong{font-size:14px;font-weight:600;line-height:1.3}
.li-textad-text span{font-size:12px;color:var(--li-muted);line-height:1.33}
.li-textad-text small{font-size:12px;color:var(--li-faint)}
.li-textad:hover strong{color:var(--li-blue);text-decoration:underline}

/* Boost on the member's own posts */
.li-boost-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 16px;padding:8px 0;border-bottom:1px solid var(--li-line);font-size:12px;color:var(--li-muted)}
.li-boost-stat{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.li-boost-btn{font-size:14px}
.li-boost-state{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--li-green-dk)}
.li-boost-state.is-review{color:var(--li-amber)}
.li-boost-link{color:var(--li-blue);margin-left:4px}
.li-boost-state:hover .li-boost-link{text-decoration:underline}
.li-post-social[hidden]+.li-boost-bar{border-top:1px solid var(--li-line)}

/* Promoted jobs */
.li-job-promoted{color:var(--li-muted);font-weight:600}
.li-promo-badge{font-weight:600;color:var(--li-muted)}
.li-promo-badge.is-active{color:var(--li-green-dk)}
.li-promo-badge.is-paused{color:var(--li-amber)}
.li-posted-row{display:flex;align-items:center}
.li-posted-row>.li-job-row-link{flex:1;min-width:0}
.li-posted-ctl{flex:none;display:flex;justify-content:flex-end;padding:12px 16px 12px 0;max-width:55%}
.li-promote-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.li-promote-ctl form{margin:0}
.li-promo-state{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--li-green-dk)}
.li-promote-job{display:flex;flex-direction:column;margin-bottom:8px}
.li-promote-job strong{font-size:16px}
.li-promote-dlg .li-dialog-body p{font-size:14px;margin-bottom:12px}
.li-money{position:relative;display:block}
.li-money>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--li-muted);font-size:14px;pointer-events:none}
.li-money .li-input{padding-left:40px}

/* Premium */
.li-premium-ic{display:inline-block;width:14px;height:14px;border-radius:3px;flex:none;background:linear-gradient(135deg,#f8c77e,#e7a33e);box-shadow:inset 0 0 0 3px #f8c77e;vertical-align:-2px}
.li-nav-premium{display:flex;align-items:center;padding:0 8px 0 12px;max-width:110px;font-size:12px;line-height:1.25;color:var(--li-amber);text-align:center;text-decoration:underline;white-space:normal}
.li-nav-premium:hover{color:var(--li-amber-dk,#5d3b09)}
.li-menu-premium{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--li-amber)}
.li-me-premium{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--li-line);padding:12px;font-size:12px;text-align:left;color:var(--li-muted)}
.li-me-premium strong{display:inline-flex;align-items:center;gap:6px;color:var(--li-text);font-weight:600}
.li-me-premium:hover{background:var(--li-hover)}
.li-me-premium:hover strong{color:var(--li-blue);text-decoration:underline}
.li-rail-premium{padding:16px;margin-bottom:8px}
.li-rail-premium-top{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--li-amber);text-transform:uppercase;letter-spacing:.03em}
.li-rail-premium p{font-size:14px;color:var(--li-text);margin-bottom:12px}
.li-btn-premium{background:#f8c77e;color:rgba(0,0,0,.9)}
.li-btn-premium:hover{background:#e7a33e;color:rgba(0,0,0,.9)}
.li-more-wrap{text-align:center;padding:8px 0 16px}
.li-caught{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 16px;text-align:center;color:var(--li-muted)}
.li-caught strong{color:var(--li-text);font-size:16px}

/* ---------- Comments ---------- */
.li-comments{padding:0 16px 8px}
.li-cform{display:flex;align-items:flex-start;gap:8px;padding:4px 0 12px;margin:0}
.li-cbox{flex:1;min-width:0;display:flex;align-items:center;gap:4px;min-height:40px;padding:3px 4px 3px 16px;border:1px solid var(--li-outline,rgba(0,0,0,.4));border-radius:24px;background:var(--li-card);transition:box-shadow .15s}
.li-cbox:focus-within{border-color:var(--li-text);box-shadow:inset 0 0 0 1px var(--li-text)}
.li-cinput{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;padding:6px 0;color:var(--li-text)}
.li-cinput:focus-visible{outline:0}
.li-csend{opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .15s,transform .15s}
.li-cinput:not(:placeholder-shown)+.li-csend{opacity:1;pointer-events:auto;transform:none}
.li-cform-reply .li-cbox{min-height:36px}
.li-clist{display:flex;flex-direction:column}
.li-comment{display:flex;gap:4px;padding:4px 0 8px}
.li-comment-av{flex:none;line-height:0;margin-top:2px;margin-right:4px}
.li-comment-main{flex:1;min-width:0}
.li-comment-box{background:var(--li-comment,#f2f2f2);border-radius:0 8px 8px 8px;padding:8px 12px 12px}
.li-comment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.li-comment-who{min-width:0;flex:1;line-height:1.33}
.li-comment-name{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:var(--li-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-comment-name:hover{color:var(--li-blue);text-decoration:underline}
.li-author-tag{margin-left:6px;padding:0 4px;border-radius:2px;background:#56687a;color:#fff;font-size:11px;font-weight:600;line-height:16px;flex:none}
.li-comment-sub{font-size:12px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-comment-meta{display:flex;align-items:center;gap:0;font-size:12px;color:var(--li-muted);flex:none;margin:-4px -8px 0 0}
.li-comment-meta time{padding:4px 2px}
.li-comment-text{margin-top:8px;font-size:14px;line-height:1.43;color:var(--li-text);overflow-wrap:anywhere}
.li-comment-acts{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding:2px 0 0 4px;font-size:12px;color:var(--li-muted)}
.li-comment-acts .inline-form{display:inline-flex}
.li-cact{border:0;background:none;padding:4px 6px;border-radius:4px;font-size:12px;font-weight:600;color:var(--li-muted);cursor:pointer}
.li-cact:hover{background:var(--li-hover);color:var(--li-text)}
.li-cact.is-on{color:var(--li-blue)}
.li-cact-count{display:inline-flex;align-items:center;gap:4px;padding:0 4px}
.li-cact-count .li-ric{width:16px;height:16px}
.li-cact-sep{color:var(--li-faint);padding:0 2px}
.li-replies{margin-top:4px}
.li-reply{padding-bottom:4px}
.li-rform{padding-top:4px}
.li-cmore{display:inline-flex;align-items:center;margin:0 0 4px;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:600;color:var(--li-muted)}
.li-cmore:hover{background:var(--li-hover);color:var(--li-text)}
.li-cmore-sm{font-size:12px;margin-left:36px}

/* ---------- People ---------- */
.li-user-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--li-line)}
.li-user-row:last-child{border-bottom:0}
.li-user-row-av{flex:none;line-height:0}
.li-user-row-main{flex:1;min-width:0;line-height:1.43}
.li-user-row-name{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--li-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-user-row-name:hover{color:var(--li-blue);text-decoration:underline}
.li-user-row-sub{font-size:14px;color:var(--li-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li-user-row-loc{font-size:14px;color:var(--li-muted)}
.li-user-row-mut,.li-pcard-mut,.li-invite-mut{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--li-muted);margin-top:2px}
.li-user-row-btns{display:flex;align-items:center;gap:8px;flex:none}
.li-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:0 16px 16px}
.li-pcard{position:relative;display:flex;flex-direction:column;background:var(--li-card);border:1px solid var(--li-line-2);border-radius:8px;overflow:hidden;min-height:292px}
.li-pcard-x{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.li-pcard-x:hover{background:rgba(0,0,0,.9)}
.li-pcard-link{display:block;text-align:center}
.li-pcard-cover{height:62px}
.li-pcard-av{display:block;width:104px;height:104px;margin:-52px auto 0;position:relative;border-radius:50%;box-shadow:0 0 0 2px var(--li-card);background:var(--li-card)}
.li-pcard-av .li-av{width:104px!important;height:104px!important}
.li-pcard-name{display:flex;align-items:center;justify-content:center;margin:12px 12px 0;font-size:16px;font-weight:600;color:var(--li-text);line-height:1.25}
.li-pcard-link:hover .li-pcard-name{text-decoration:underline}
.li-pcard-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 12px 0;font-size:14px;line-height:1.43;color:var(--li-muted);min-height:40px}
.li-pcard-foot{margin-top:auto;padding:8px 12px 12px}
.li-pcard-mut{justify-content:center;margin:0 0 12px;min-height:16px}
.li-pcard-foot .inline-form{display:flex;width:100%}
.li-pcard-foot .li-btn{width:100%}
.li-invite{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--li-line)}
.li-invite-av{flex:none;line-height:0}
.li-invite-main{flex:1;min-width:0}
.li-invite-name{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--li-text)}
.li-invite-name:hover{color:var(--li-blue);text-decoration:underline}
.li-invite-sub{font-size:14px;color:var(--li-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li-invite-btns{display:flex;gap:8px;flex:none}
.li-invite.is-done{font-size:14px;background:var(--li-surface-3,#f8fafd)}
.li-invite.is-gone{transition:opacity .4s}
.li-count-chip{color:var(--li-muted);font-weight:400}

/* ---------- Generic rows (companies, groups) ---------- */
.li-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--li-line)}
.li-row:last-child{border-bottom:0}
.li-row-av{flex:none;line-height:0}
.li-row-main{flex:1;min-width:0;line-height:1.43}
.li-row-title{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--li-text)}
.li-row-title:hover{color:var(--li-blue);text-decoration:underline}
.li-row-sub{font-size:14px;color:var(--li-text);display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.li-row-meta{font-size:14px;color:var(--li-muted)}
.li-row-desc{font-size:14px;color:var(--li-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.li-row-btns{flex:none;display:flex;gap:8px;align-self:center}

/* ---------- My Network ---------- */
.li-manage h2{font-size:16px;font-weight:600;padding:16px 16px 8px}
.li-manage a{display:flex;align-items:center;gap:16px;padding:10px 16px;font-size:16px;font-weight:600;color:var(--li-muted)}
.li-manage a:hover{background:var(--li-hover);color:var(--li-text)}
.li-manage a span{flex:1}
.li-manage a strong{font-weight:400;font-size:14px}
.li-manage .li-card-foot{font-size:14px}
.li-tabs-bar{display:flex;border-bottom:1px solid var(--li-line)}
.li-tabs-bar a{flex:1;text-align:center;padding:14px 8px;font-size:16px;font-weight:600;color:var(--li-muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.li-tabs-bar a:hover{background:var(--li-hover);color:var(--li-text)}
.li-tabs-bar a.is-active{color:var(--li-green-dk);border-bottom-color:var(--li-green-dk)}
.li-inv-list .li-invite:first-child{border-top:0}
.li-inv-empty{padding:16px;color:var(--li-muted)}

/* ---------- Jobs ---------- */
.li-jsearch{padding:16px}
.li-jsearch-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px}
.li-jfield{position:relative;display:flex;align-items:center;height:40px;background:var(--li-blue-bg);border-radius:4px}
.li-jfield .li-i{position:absolute;left:12px;color:var(--li-muted);pointer-events:none}
.li-jfield input{width:100%;height:100%;border:0;background:transparent;padding:0 10px 0 36px;font-size:14px;outline:0;border-radius:4px;text-overflow:ellipsis}
.li-jfield input:focus{box-shadow:0 0 0 2px var(--li-text)}
.li-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0 2px}
.li-pills::-webkit-scrollbar{display:none}
.li-pills-wrap{flex-wrap:wrap;overflow:visible}
.li-pill{display:inline-flex;align-items:center;gap:4px;flex:none;height:32px;padding:0 12px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--li-muted);color:var(--li-muted);font-size:16px;font-weight:600;white-space:nowrap;background:var(--li-card)}
.li-pill:hover{box-shadow:inset 0 0 0 2px var(--li-strong,rgba(0,0,0,.75));background:var(--li-hover);color:var(--li-strong,rgba(0,0,0,.75))}
.li-pill.is-on{background:var(--li-green-dk);color:var(--li-on-green,#fff);box-shadow:none}
.li-pill.is-on:hover{background:var(--li-green-hover,#004d34);color:var(--li-on-green,#fff)}
.li-pill-sep{flex:none;width:1px;background:var(--li-line);margin:4px 2px}
.li-jlist-head{padding:16px 16px 4px}
.li-jlist-head h2{font-size:20px;font-weight:600}
.li-jlist-head p{font-size:14px;color:var(--li-muted)}
.li-job-list{padding:0}
.li-job-row{position:relative;border-bottom:1px solid var(--li-line)}
.li-job-row:last-child{border-bottom:0}
.li-job-row-link{display:flex;gap:12px;padding:12px 48px 12px 16px;color:var(--li-text)}
.li-job-row-link:hover{background:var(--li-row-hover,rgba(0,0,0,.03))}
.li-job-row.is-active .li-job-row-link{background:var(--li-blue-bg);box-shadow:inset 3px 0 0 var(--li-blue)}
.li-job-row-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.43}
.li-job-row-title{display:inline-flex;align-items:center;font-size:16px;font-weight:600;color:var(--li-blue);line-height:1.25}
.li-job-row-link:hover .li-job-row-title{text-decoration:underline}
.li-job-row-co{font-size:14px;color:var(--li-text);margin-top:2px}
.li-job-row-loc{font-size:14px;color:var(--li-muted)}
.li-job-row-sal{font-size:14px;color:var(--li-muted)}
.li-job-row-foot{display:flex;align-items:center;flex-wrap:wrap;gap:0 2px;margin-top:8px;font-size:12px;color:var(--li-muted)}
.li-applied-txt{color:var(--li-green);font-weight:600}
.li-saved-txt{color:var(--li-text);font-weight:600}
.li-easy{display:inline-flex;align-items:center;gap:4px;color:var(--li-muted)}
.li-job-row-x{position:absolute;top:8px;right:8px;width:32px;height:32px}
.li-job-row-link>.li-co-logo{margin-top:2px}
.li-j2p{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - var(--li-nav-h) - 188px);min-height:520px;overflow:hidden}
.li-j2p-list{border-right:1px solid var(--li-line);overflow-y:auto;min-width:0}
.li-j2p-list-head{padding:12px 16px;background:#0a66c2;color:#fff;position:sticky;top:0;z-index:1}
.li-j2p-list-head strong{display:block;font-size:16px;font-weight:600}
.li-j2p-list-head span{font-size:12px;opacity:.9}
.li-j2p-list .li-job-row-link{padding:12px 44px 12px 12px}
.li-j2p-detail{overflow-y:auto;min-width:0}
.li-j2p-back{display:none}
.li-job{padding:24px}
.li-job-co{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}
.li-job-co>a,.li-job-co>span{display:inline-flex;align-items:center;gap:8px}
.li-job-co>a:hover span{text-decoration:underline}
.li-job-title{font-size:24px;font-weight:600;line-height:1.25;margin:12px 0 8px;color:var(--li-text)}
.li-job-title a:hover{text-decoration:underline}
.li-job-meta{font-size:14px;color:var(--li-muted)}
.li-job-appl{color:var(--li-muted)}
.li-applied-note{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:12px;font-size:14px;color:var(--li-green)}
.li-applied-note>*{white-space:nowrap}
.li-job-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.li-jchip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:var(--li-chip,#ebebeb);color:var(--li-text);font-size:14px;font-weight:600}
.li-jchip-hl{background:var(--li-chip-hl-bg,#daebd1);color:var(--li-chip-hl,#01754f)}
.li-job-insight{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--li-text)}
.li-job-insight .li-i{color:var(--li-muted)}
.li-job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.li-job-actions .li-btn{min-height:40px;padding:10px 20px}
.li-job-actions .li-logo{margin-right:4px;border-radius:2px!important}
.li-closed{display:inline-flex;align-items:center;gap:6px;color:var(--li-red);font-size:14px;font-weight:600}
.li-job-sec{margin-top:24px;padding-top:24px;border-top:1px solid var(--li-line)}
.li-job-sec h2{font-size:20px;font-weight:600;margin-bottom:12px}
.li-job-desc{font-size:14px;line-height:1.43}
.li-job-desc h3{font-size:14px;font-weight:600;margin:16px 0 4px}
.li-job-desc p{margin:0 0 8px}
.li-job-desc ul{list-style:disc;padding-left:20px;margin:4px 0 8px}
.li-job-desc li{margin:2px 0}
.li-chips{display:flex;flex-wrap:wrap;gap:8px}
.li-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--li-muted);font-size:14px;font-weight:600;color:var(--li-muted);background:var(--li-card)}
.li-job-company-top{display:flex;align-items:center;gap:12px}
.li-job-company-name{font-size:16px}
.li-job-company-facts{margin-top:12px;font-size:14px}
.li-job-company-desc{margin:8px 0;font-size:14px;line-height:1.43}
.li-myjobs .li-job-row-link{padding-right:16px}
.li-jguide{padding:16px}
.li-jguide h2{font-size:16px;font-weight:600}
.li-jguide p{font-size:12px;color:var(--li-muted);margin:4px 0 12px}
.li-jguide-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--li-line);font-size:14px;font-weight:600}
.li-jguide-item:hover span{color:var(--li-blue);text-decoration:underline}

/* ---------- Profile ---------- */
.li-ptop{position:relative;margin-bottom:8px}
.li-ptop-cover{aspect-ratio:4/1;border-radius:8px 8px 0 0;max-height:201px;width:100%}
.li-ptop-body{position:relative;padding:0 24px 24px}
.li-ptop-av{position:relative;width:152px;height:152px;margin-top:-100px;border-radius:50%;background:var(--li-card);box-shadow:0 0 0 4px var(--li-card)}
.li-ptop-av .li-av{width:152px!important;height:152px!important}
.li-otw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.li-ptop-edit{position:absolute;top:12px;right:16px}
.li-ptop-cam{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--li-card);color:var(--li-blue);display:grid;place-items:center;box-shadow:var(--li-shadow)}
.li-ptop-grid{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:24px;margin-top:8px}
.li-ptop h1{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:24px;font-weight:600;line-height:1.25}
.li-ptop h1 .li-verified{width:20px;height:20px;margin-left:8px}
.li-ptop-pron{font-size:14px;font-weight:400;color:var(--li-muted);margin-left:8px}
.li-ptop-headline{font-size:16px;line-height:1.5;margin-top:4px}
.li-ptop-loc{font-size:14px;color:var(--li-muted);margin-top:8px}
.li-ptop-loc .li-link{margin-left:2px}
.li-ptop-conn{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:6px;font-size:14px}
.li-ptop-conn a{color:var(--li-blue);font-weight:600}
.li-ptop-conn a:hover{text-decoration:underline}
.li-ptop-conn span{color:var(--li-muted)}
.li-ptop-mutual{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--li-muted)}
.li-ptop-mutual .li-facepile .li-av{box-shadow:0 0 0 2px var(--li-card)}
.li-facepile{display:inline-flex}
.li-facepile>*+*{margin-left:-8px}
.li-facepile .li-av{box-shadow:0 0 0 2px var(--li-card)}
.li-facepile-lg{flex-wrap:wrap;gap:6px;margin:12px 0 8px}
.li-facepile-lg>*+*{margin-left:0}
.li-co-search{width:240px;margin:0;flex:none}
.li-job-list-sm .li-job-row-link{padding:12px 40px 12px 16px}
.li-job-list-sm .li-co-logo{width:40px!important;height:40px!important}
.li-job-list-sm .li-job-row-title{font-size:14px}
.li-ptop-orgs{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.li-ptop-orgs a,.li-ptop-orgs span.li-org{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--li-text)}
.li-ptop-orgs a:hover span{color:var(--li-blue);text-decoration:underline}
.li-profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.li-open-menu{width:320px}
.li-otw-box{display:flex;justify-content:space-between;gap:12px;max-width:380px;margin-top:16px;padding:12px 16px;border-radius:8px;background:var(--li-otw,#dde7f1)}
.li-otw-box strong{display:block;font-size:14px;font-weight:600}
.li-otw-box p{font-size:14px;line-height:1.43}
.li-psec{padding:24px 24px 12px;margin-bottom:8px}
.li-psec-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.li-psec-head h2{font-size:20px;font-weight:600;line-height:1.4}
.li-psec-sub{font-size:14px;color:var(--li-muted);margin-top:-2px}
.li-psec-sub .li-i{margin-right:4px}
.li-psec-tools{display:flex;gap:4px;margin-right:-8px}
.li-psec-foot{display:flex;align-items:center;justify-content:center;gap:4px;margin:12px -24px -12px;padding:12px;border-top:1px solid var(--li-line);font-size:16px;font-weight:600;color:var(--li-muted);border-radius:0 0 8px 8px}
.li-psec-foot:hover{background:var(--li-hover);color:var(--li-text)}
.li-about{margin-top:12px;font-size:14px;line-height:1.43}
.li-topskills{display:flex;gap:12px;margin-top:16px;padding:12px 16px;border:1px solid var(--li-line-2);border-radius:8px;font-size:14px}
.li-topskills strong{display:block;font-weight:600}
.li-stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.li-stat{display:flex;gap:8px;align-items:flex-start}
.li-stat .li-i{color:var(--li-muted);margin-top:2px}
.li-stat strong{display:block;font-size:16px;font-weight:600}
.li-stat span{display:block;font-size:12px;color:var(--li-muted);line-height:1.33}
.li-stat:hover strong{color:var(--li-blue);text-decoration:underline}
.li-actv-list{margin-top:8px}
.li-actv{border-top:1px solid var(--li-line)}
.li-actv:first-child{border-top:0}
.li-actv-link{display:block;padding:12px 0}
.li-actv-meta{display:block;font-size:12px;color:var(--li-muted)}
.li-actv-body{display:flex;gap:8px;margin-top:8px}
.li-actv-thumb{width:64px;height:64px;border-radius:4px;object-fit:cover;flex:none}
.li-actv-text{font-size:14px;line-height:1.43;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--li-text)}
.li-actv-link:hover .li-actv-text{color:var(--li-blue);text-decoration:underline}
.li-actv-social{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;color:var(--li-muted)}
.li-actv-cc{margin-left:auto}
.li-exp-list>li{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid var(--li-line)}
.li-exp-list>li:last-child{border-bottom:0}
.li-exp-logo{flex:none;line-height:0}
.li-exp-body{flex:1;min-width:0;line-height:1.43}
.li-exp-title{font-size:16px;font-weight:600;line-height:1.5}
.li-exp-title a:hover{color:var(--li-blue);text-decoration:underline}
.li-exp-co{font-size:14px}
.li-exp-co a:hover{text-decoration:underline}
.li-exp-dates{font-size:14px;color:var(--li-muted)}
.li-exp-desc{margin-top:8px;font-size:14px;line-height:1.43}
.li-exp-roles{position:relative;margin-top:4px}
.li-exp-role{position:relative;padding:10px 0 4px}
.li-exp-role::before{content:"";position:absolute;left:-36px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--li-dot,#bfbfbf)}
.li-exp-role+.li-exp-role::after{content:"";position:absolute;left:-33px;top:-6px;width:2px;height:24px;background:var(--li-border,#d9d9d9)}
.li-skill{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--li-line)}
.li-skill:last-child{border-bottom:0}
.li-skill h3{font-size:16px;font-weight:600}
.li-skill-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;color:var(--li-muted)}
.li-skill-meta .li-i{color:var(--li-muted)}
.li-skill-btn{flex:none}
.li-skill-btn .li-btn{min-height:32px}
.li-pmedia{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px}
.li-pmedia a{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--li-ph,#e9e5df)}
.li-pmedia img{width:100%;height:100%;object-fit:cover}
.li-pmedia .li-play{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center}
.li-psub-top{display:flex;align-items:center;gap:12px;padding:16px}
.li-psub-top h1{font-size:20px;font-weight:600}
.li-ptabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}
.li-comment-card{padding:12px 16px}
.li-comment-card-meta{font-size:12px;color:var(--li-muted);margin-bottom:8px}
.li-comment-card-text{font-size:14px;margin-bottom:12px;line-height:1.43}
.li-contact-row{display:flex;gap:16px;padding:12px 0}
.li-contact-row .li-i{color:var(--li-muted)}
.li-contact-row strong{display:block;font-size:16px;font-weight:600}
.li-contact-row a{color:var(--li-blue);font-weight:600;overflow-wrap:anywhere}

/* ---------- Companies ---------- */
.li-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:0 16px 16px}
.li-ccard{display:flex;flex-direction:column;border:1px solid var(--li-line-2);border-radius:8px;overflow:hidden;background:var(--li-card)}
.li-ccard-link{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}
.li-ccard-cover{height:62px;width:100%}
.li-ccard-logo{display:block;margin-top:-36px;position:relative;line-height:0;border-radius:6px;box-shadow:0 0 0 2px var(--li-card);background:#fff}
.li-ccard-name{display:flex;align-items:center;justify-content:center;margin:12px 12px 0;font-size:16px;font-weight:600;color:var(--li-text)}
.li-ccard-link:hover .li-ccard-name{text-decoration:underline}
.li-ccard-sub{margin:4px 12px 0;font-size:14px;color:var(--li-muted)}
.li-ccard-meta{margin:4px 12px 0;font-size:12px;color:var(--li-muted)}
.li-ccard-foot{padding:12px}
.li-cotop-cover{aspect-ratio:5.9/1;border-radius:8px 8px 0 0;width:100%}
.li-cotop-body{padding:0 24px 0}
.li-cotop-logo{display:inline-block;margin-top:-56px;position:relative;line-height:0;border-radius:6px;box-shadow:0 0 0 4px var(--li-card);background:#fff}
.li-cotop-body h1{display:flex;align-items:center;font-size:24px;font-weight:600;line-height:1.25;margin-top:12px}
.li-cotop-tag{font-size:16px;line-height:1.5;margin-top:4px}
.li-cotop-meta{font-size:14px;color:var(--li-muted);margin-top:4px}
.li-cotop-people{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:var(--li-muted)}
.li-cotop-people a{color:var(--li-blue);font-weight:600}
.li-cotop-people a:hover{text-decoration:underline}
.li-page-actions,.li-group-actions,.li-event-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.li-ecard .li-event-actions{margin-top:0}
.li-ptabs-bar{display:flex;gap:4px;margin-top:16px;border-top:1px solid var(--li-line);padding:0 8px;overflow-x:auto;scrollbar-width:none}
.li-ptabs-bar::-webkit-scrollbar{display:none}
.li-ptabs-bar a{padding:12px 12px 10px;font-size:14px;font-weight:600;color:var(--li-muted);border-bottom:2px solid transparent;white-space:nowrap}
.li-ptabs-bar a:hover{color:var(--li-text);background:var(--li-hover)}
.li-ptabs-bar a.is-active{color:var(--li-green-dk);border-bottom-color:var(--li-green-dk)}
.li-dl{margin-top:12px}
.li-dl dt{font-size:16px;font-weight:600;margin-top:16px}
.li-dl dd{margin:2px 0 0;font-size:14px;color:var(--li-muted)}
.li-dl dd a{color:var(--li-blue);font-weight:600}

/* ---------- Groups & events ---------- */
.li-egrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:0 16px 16px}
.li-ecard{display:flex;flex-direction:column;border:1px solid var(--li-line-2);border-radius:8px;overflow:hidden;background:var(--li-card)}
.li-ecard-link{display:flex;flex-direction:column;flex:1}
.li-ecard-cover{aspect-ratio:16/9;width:100%}
.li-ecard-body{display:flex;flex-direction:column;gap:2px;padding:12px 12px 8px}
.li-ecard-when{font-size:12px;font-weight:600;color:var(--li-event,#b24020);text-transform:none}
.li-ecard-when.is-live,.li-live{color:var(--li-red)}
.li-ecard-title{font-size:16px;font-weight:600;line-height:1.25;color:var(--li-text)}
.li-ecard-link:hover .li-ecard-title{text-decoration:underline}
.li-ecard-sub{font-size:12px;color:var(--li-muted)}
.li-ecard-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--li-muted);margin-top:4px}
.li-ecard-foot{padding:0 12px 12px}
.li-etop-cover{aspect-ratio:2.4/1;border-radius:8px 8px 0 0;width:100%}
.li-etop-body{padding:16px 24px 24px}
.li-etop-when{font-size:14px;font-weight:600;color:var(--li-event,#b24020);display:flex;align-items:center;gap:6px}
.li-etop-body h1{font-size:24px;font-weight:600;line-height:1.25;margin-top:4px}
.li-etop-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;color:var(--li-muted)}
.li-etop-meta a{color:var(--li-text);font-weight:600}
.li-etop-meta a:hover{color:var(--li-blue);text-decoration:underline}
.li-gtop-body{padding:0 24px 20px}
.li-gtop-logo{display:inline-block;margin-top:-52px;position:relative;line-height:0;border-radius:8px;box-shadow:0 0 0 4px var(--li-card);background:#fff}
.li-gtop-body h1{font-size:24px;font-weight:600;line-height:1.25;margin-top:12px}
.li-gtop-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;color:var(--li-muted)}

/* ---------- Notifications ---------- */
.li-notif-list{overflow:hidden}
.li-notif{position:relative;display:flex;align-items:flex-start;border-bottom:1px solid var(--li-line)}
.li-notif:last-child{border-bottom:0}
.li-notif.is-unread{background:var(--li-unread,#e7f3ff)}
.li-notif:hover{background:var(--li-row-hover,rgba(0,0,0,.04))}
.li-notif.is-unread:hover{background:var(--li-unread-h,#dceafa)}
.li-notif-link{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:16px 8px 16px 20px}
.li-notif-dot{position:absolute;left:6px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--li-blue)}
.li-notif-av{position:relative;flex:none;line-height:0}
.li-notif-badge{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 2px var(--li-card)}
.li-notif-badge svg{width:14px;height:14px}
.li-notif-body{flex:1;min-width:0}
.li-notif-text{font-size:14px;line-height:1.43;color:var(--li-text);overflow-wrap:anywhere}
.li-notif-text strong{font-weight:600}
.li-notif-excerpt{margin-top:4px;font-size:14px;color:var(--li-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li-notif-thumb{width:48px;height:48px;border-radius:4px;object-fit:cover;flex:none}
.li-notif-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:12px 12px 8px 0;flex:none;font-size:12px;color:var(--li-muted)}
.li-notif-side time{padding:4px 8px 0}
.li-notif-pills{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}
.li-notif-pills::-webkit-scrollbar{display:none}
.li-notif-pills .li-pill{height:32px}

/* ---------- Messaging ---------- */
.li-msgapp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - var(--li-nav-h) - 48px);min-height:480px;overflow:hidden}
.li-msg-col{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--li-line)}
.li-msg-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 4px 12px;border-bottom:1px solid var(--li-line);min-height:48px}
.li-msg-top h1{font-size:16px;font-weight:600}
.li-msg-top-tools{display:flex}
.li-msg-search{position:relative;display:flex;align-items:center;margin:8px 12px;height:32px;background:var(--li-blue-bg);border-radius:4px}
.li-msg-search .li-i{position:absolute;left:10px;color:var(--li-muted)}
.li-msg-search input{width:100%;height:100%;border:0;background:transparent;padding:0 8px 0 36px;font-size:14px;outline:0;border-radius:4px}
.li-msg-search input:focus{box-shadow:0 0 0 2px var(--li-text)}
.li-msg-filters{display:flex;gap:8px;padding:0 12px 8px;border-bottom:1px solid var(--li-line)}
.li-msg-filters .li-pill{height:28px;font-size:14px;padding:0 10px}
.li-convs{flex:1;overflow-y:auto}
.li-conv{position:relative;display:flex;align-items:flex-start;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--li-line);color:var(--li-text)}
.li-conv:hover{background:var(--li-row-hover,rgba(0,0,0,.04))}
.li-conv.is-active{background:var(--li-blue-bg);box-shadow:inset 4px 0 0 var(--li-green-dk)}
.li-conv-av{flex:none;line-height:0;position:relative}
.li-conv-main{flex:1;min-width:0;display:block}
.li-conv-top{display:flex;justify-content:space-between;gap:8px}
.li-conv-name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-conv-date{font-size:12px;color:var(--li-muted);flex:none;padding-top:2px}
.li-conv-prev{display:block;font-size:14px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-conv.is-unread .li-conv-name,.li-conv.is-unread .li-conv-prev{font-weight:600;color:var(--li-text)}
.li-conv-dot{position:absolute;right:12px;bottom:16px;width:10px;height:10px;border-radius:50%;background:var(--li-blue)}
.li-thread{display:flex;flex-direction:column;min-width:0;min-height:0}
.li-thread-head{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 16px;border-bottom:1px solid var(--li-line);min-height:48px}
.li-thread-who{flex:1;min-width:0;line-height:1.33}
.li-thread-who a{font-size:16px;font-weight:600}
.li-thread-who a:hover{text-decoration:underline}
.li-thread-who small{display:block;font-size:12px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-thread-back{display:none}
.li-thread-body{flex:1;overflow-y:auto;padding:0 16px 16px;min-height:0}
.li-thread-intro{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--li-line);margin-bottom:4px}
.li-thread-intro strong{font-size:16px;font-weight:600}
.li-thread-intro span{font-size:14px;color:var(--li-muted)}
.li-msg-day{display:flex;align-items:center;gap:8px;margin:16px 0 4px;font-size:12px;color:var(--li-muted);text-transform:uppercase;font-weight:600;letter-spacing:.02em}
.li-msg-day::before,.li-msg-day::after{content:"";flex:1;height:1px;background:var(--li-line)}
.li-msg{display:flex;gap:8px;padding-top:12px}
.li-msg.is-cont{padding-top:2px}
.li-msg.is-cont .li-msg-av{visibility:hidden;height:0}
.li-msg.is-cont .li-msg-head{display:none}
.li-msg-av{flex:none;line-height:0;width:32px}
.li-msg-main{flex:1;min-width:0}
.li-msg-head{display:flex;align-items:baseline;gap:6px}
.li-msg-name{font-size:14px;font-weight:600;color:var(--li-text)}
.li-msg-name:hover{text-decoration:underline}
.li-msg-head time{font-size:12px;color:var(--li-muted)}
.li-msg-text{font-size:14px;line-height:1.43;color:var(--li-text);overflow-wrap:anywhere}
.li-thread-form{display:flex;flex-direction:column;border-top:1px solid var(--li-line);margin:0}
.li-thread-input{display:block;width:calc(100% - 24px);margin:12px;min-height:84px;max-height:200px;padding:10px 12px;border:0;border-radius:8px;background:var(--li-thread,#f4f2ee);resize:none;font-size:14px;line-height:1.43;outline:0}
.li-thread-input:focus{box-shadow:inset 0 0 0 1px var(--li-text)}
.li-thread-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px 8px;border-top:1px solid var(--li-line)}
.li-thread-foot .li-btn{min-height:24px;padding:3px 16px;font-size:14px}
.li-thread-blank{flex:1;display:grid;place-items:center;text-align:center;padding:24px;color:var(--li-muted)}
.li-thread-blank h2{font-size:20px;font-weight:600;color:var(--li-text);margin:12px 0 4px}

/* ---------- Search ---------- */
.li-sbar{background:var(--li-card);border-bottom:1px solid var(--li-line)}
.li-sbar-in{max-width:1128px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:none}
.li-sbar-in::-webkit-scrollbar{display:none}
.li-sres-head{padding:16px 16px 4px}
.li-sres-head h2{font-size:20px;font-weight:600}
.li-sres-head p{font-size:14px;color:var(--li-muted)}
.li-toc{padding:16px}
.li-toc h2{font-size:16px;font-weight:600;margin-bottom:8px}
.li-toc a{display:block;padding:4px 0;font-size:14px;font-weight:600;color:var(--li-muted)}
.li-toc a:hover{color:var(--li-blue);text-decoration:underline}
.li-posts-label{font-size:16px;font-weight:600;padding:12px 16px}

/* ---------- Saved items ---------- */
.li-saved{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;border-top:1px solid var(--li-line)}
.li-saved-av{flex:none;line-height:0}
.li-saved-main{flex:1;min-width:0}
.li-saved-body{display:flex;gap:12px;margin-top:8px;color:var(--li-text)}
.li-saved-body:hover .li-saved-text{color:var(--li-blue);text-decoration:underline}
.li-saved-thumb{width:80px;height:80px;border-radius:4px;object-fit:cover;flex:none;order:2;margin-left:auto}
.li-saved-text{font-size:14px;line-height:1.43;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.li-saved-time{font-size:12px;color:var(--li-muted);margin-top:8px}

/* ---------- Empty states & 404 ---------- */
.li-empty{text-align:center;padding:40px 24px}
.li-empty-ic{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:var(--li-blue-bg);color:var(--li-blue);display:grid;place-items:center}
.li-empty h3{font-size:20px;font-weight:600;color:var(--li-text)}
.li-empty p{font-size:14px;color:var(--li-muted);max-width:420px;margin:4px auto 0}
.li-404{max-width:560px;margin:24px auto;padding:40px 32px;text-align:center}
.li-404 svg{width:100%;max-width:300px;height:auto;margin:0 auto 16px;display:block}
.li-404 h1{font-size:24px;font-weight:600}
.li-404 p{font-size:16px;color:var(--li-muted);margin:8px 0 20px}

/* ---------- Auth (login / register) ---------- */
body.li-l-auth{background:var(--li-card)}
.li-auth-top{max-width:1128px;margin:0 auto;display:flex;align-items:center;gap:8px;height:72px;padding:0 24px}
.li-wordmark{display:inline-flex;align-items:center;gap:8px;color:var(--li-blue);font-size:26px;font-weight:700;letter-spacing:-.02em}
.li-auth-top nav{margin-left:auto;display:flex;align-items:center;gap:8px}
.li-auth-hero{max-width:1128px;margin:0 auto;display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:center;gap:24px;padding:40px 24px 56px}
.li-auth-h1{font-size:56px;line-height:1.15;font-weight:200;color:var(--li-auth-h1,#8f5849);margin-bottom:32px;max-width:560px}
.li-auth-form{max-width:400px}
.li-auth-label{display:block;font-size:14px;font-weight:600;color:var(--li-text);margin:0 0 6px}
.li-auth-input{display:block;width:100%;height:52px;padding:0 20px;border:1px solid var(--li-muted);border-radius:9999px;font-size:16px;background:var(--li-card);outline:0;margin-bottom:16px;color:var(--li-text)}
.li-auth-input:focus{border-color:var(--li-blue);box-shadow:0 0 0 1px var(--li-blue)}
.li-auth-pass{position:relative}
.li-auth-pass .li-auth-input{padding-right:72px}
.li-auth-show{position:absolute;right:8px;top:8px;height:36px;padding:0 12px;border:0;border-radius:9999px;background:none;color:var(--li-blue);font-weight:600;font-size:14px;cursor:pointer}
.li-auth-show:hover{background:var(--li-blue-hover)}
.li-auth-forgot{display:inline-block;color:var(--li-blue);font-weight:600;font-size:16px;margin:0 0 20px;border:0;background:none;padding:0;cursor:pointer}
.li-auth-forgot:hover{text-decoration:underline}
.li-auth-btn{width:100%;min-height:56px;font-size:16px}
.li-auth-or{display:flex;align-items:center;gap:16px;margin:16px 0;color:var(--li-muted);font-size:14px}
.li-auth-or::before,.li-auth-or::after{content:"";flex:1;height:1px;background:var(--li-sep-2,rgba(0,0,0,.15))}
.li-auth-alt{width:100%;min-height:56px;font-size:16px}
.li-auth-err{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;margin-bottom:16px;border-radius:8px;background:var(--li-err-bg,#fce9e9);color:var(--li-err,#b21212);font-size:14px}
.li-auth-info{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;margin-bottom:16px;border-radius:8px;background:var(--li-blue-bg);color:var(--li-text);font-size:14px}
.li-auth-art{display:flex;justify-content:center}
.li-auth-art svg{width:100%;max-width:560px;height:auto}
.li-demo{max-width:1128px;margin:0 auto;padding:0 24px 48px}
.li-demo-card{background:var(--li-surface-2,#f3f2ef);border-radius:16px;padding:32px 24px}
.li-demo h2{font-size:32px;font-weight:300;color:var(--li-text);line-height:1.25}
.li-demo p{font-size:16px;color:var(--li-muted);margin:4px 0 20px}
.li-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.li-demo-user{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:12px;background:var(--li-card);box-shadow:var(--li-shadow);text-align:left;cursor:pointer}
.li-demo-user:hover{box-shadow:0 0 0 1px var(--li-blue)}
.li-demo-user span{flex:1;min-width:0}
.li-demo-user strong{display:block;font-size:16px;font-weight:600;color:var(--li-text)}
.li-demo-user small{display:block;font-size:12px;color:var(--li-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.li-demo-user em{font-style:normal;color:var(--li-blue);font-weight:600;font-size:14px;flex:none}
.li-demo form{margin:0}
.li-auth-foot{border-top:1px solid var(--li-line);background:var(--li-surface-2,#f3f2ef);padding:16px 24px 24px}
.li-auth-foot-in{max-width:1128px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px;color:var(--li-muted)}
.li-auth-foot-in .li-wordmark{font-size:14px}
.li-join{max-width:1128px;margin:0 auto;padding:8px 24px 48px}
.li-join-h1{text-align:center;font-size:32px;font-weight:400;line-height:1.25;color:var(--li-text);margin:16px 0 24px}
.li-join-card{width:400px;max-width:100%;margin:0 auto;background:var(--li-card);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(140,140,140,.2);padding:24px}
.li-join-terms{font-size:12px;color:var(--li-muted);text-align:center;margin:4px 0 16px;line-height:1.5}
.li-join-terms span{color:var(--li-blue);font-weight:600}
.li-join-alt{text-align:center;font-size:16px;margin-top:20px}
.li-join-alt a{color:var(--li-blue);font-weight:600}
.li-join-alt a:hover{text-decoration:underline}

/* ---------- Toasts (LinkedIn: white cards, bottom-left) ---------- */
.st-toasts{left:24px;right:auto;bottom:24px;transform:none;align-items:flex-start}
body:has(.st-preview) .st-toasts{bottom:68px}
.st-toast{display:flex;align-items:center;gap:8px;background:var(--li-card);color:var(--li-text);font:400 14px/1.43 var(--li-font);padding:12px 16px 12px 14px;border-radius:8px;
  box-shadow:0 0 0 1px rgb(140 140 140 / 20%),0 8px 24px rgba(0,0,0,.2);border-left:4px solid var(--li-blue);max-width:min(92vw,420px)}
.st-toast-success{background:var(--li-card);border-left-color:var(--li-green)}
.st-toast-error{background:var(--li-card);border-left-color:var(--li-red)}

/* ---------- Shared views (st-*) in LinkedIn clothes ---------- */
.li .st-wrap{padding:0 0 24px;font-family:var(--li-font)}
.li .st-card{border:0;border-radius:8px;box-shadow:var(--li-shadow)}
.li .st-card+.st-card{margin-top:8px}
.li .st-stats>.st-card,.li .st-grid>.st-card,.li .st-grid-2>.st-card{margin-top:0}
.li .st-h1{font-size:24px;font-weight:600;letter-spacing:0}
.li .st-h2{font-size:20px;font-weight:600;margin:20px 0 8px}
.li .st-btn{border:0;border-radius:9999px;background:transparent;color:var(--li-blue);box-shadow:inset 0 0 0 1px var(--li-blue);font:600 16px/1.25 var(--li-font);padding:6px 16px;min-height:32px}
.li .st-btn:hover{filter:none;background:var(--li-blue-hover);box-shadow:inset 0 0 0 2px var(--li-blue-dk);color:var(--li-blue-dk)}
.li .st-btn-primary{background:var(--li-blue);color:var(--li-on-blue,#fff);box-shadow:none}
.li .st-btn-primary:hover{background:var(--li-blue-dk);color:var(--li-on-blue,#fff);box-shadow:none}
.li .st-btn-danger{color:var(--li-red);box-shadow:inset 0 0 0 1px var(--li-red)}
.li .st-btn-danger:hover{background:var(--li-err-bg,#fce9e9);color:var(--li-red);box-shadow:inset 0 0 0 2px var(--li-red)}
.li .st-btn-sm{font-size:14px;padding:4px 12px;min-height:28px}
.li .st-input,.li .st-textarea,.li .st-select{border:1px solid var(--li-muted);border-radius:4px;font:14px/1.43 var(--li-font);padding:6px 12px;min-height:32px;color:var(--li-text)}
.li .st-input:focus,.li .st-textarea:focus,.li .st-select:focus{border-color:var(--li-text);box-shadow:inset 0 0 0 1px var(--li-text)}
.li .st-label{font-size:14px;font-weight:400;color:var(--li-muted)}
.li .st-tabs{border-bottom:1px solid var(--li-line);gap:0;background:var(--li-card);border-radius:8px 8px 0 0;box-shadow:var(--li-shadow);padding:0 8px}
.li .st-tab{font:600 14px var(--li-font);padding:14px 12px 12px;border-bottom-width:2px;color:var(--li-muted)}
.li .st-tab:hover{color:var(--li-text);background:var(--li-hover)}
.li .st-tab.is-active{color:var(--li-green-dk);border-bottom-color:var(--li-green-dk)}
.li .st-chip{border-radius:16px;background:var(--li-card);border:0;box-shadow:inset 0 0 0 1px var(--li-muted);color:var(--li-muted);font-weight:600}
.li .st-chip-check span{border-radius:16px;border:0;box-shadow:inset 0 0 0 1px var(--li-muted);color:var(--li-muted);font-weight:600;background:var(--li-card)}
.li .st-chip-check input:checked+span{background:var(--li-green-dk);color:var(--li-on-green,#fff);box-shadow:none}
.li .st-link{color:var(--li-blue)}
.li button.st-link{background:none;border:0;padding:0 2px;font:inherit;font-weight:600;cursor:pointer}
/* Settings → Display → Dark mode: LinkedIn's radio rows (green selection) */
.li .st-appearance .st-check{padding:12px 0;border-top:1px solid var(--li-line)}
.li .st-appearance .st-check:first-of-type{border-top:0}
.li .st-appearance input{accent-color:var(--li-green-dk)}
.li .st-stat-v{font-weight:600}
.li .st-stat-l{letter-spacing:0;text-transform:none;font-weight:400;font-size:14px}
.li .st-empty h3{font-weight:600}
.li .st-empty-ic{background:var(--li-blue-bg);color:var(--li-blue)}
.li .st-list-item+.st-list-item{border-top-color:var(--li-line)}
.li .st-reach-fill{background:var(--li-blue)}
.li .st-grid-2 .st-row .st-input{min-width:0}

/* ---------- Phone tab bar ---------- */
.li-tabbar{display:none}

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width:1175px){
  .li-shell{padding-left:24px;padding-right:24px}
  .li-nav-in{padding:0 16px}
  .li-sbar-in{padding-left:24px;padding-right:24px}
}
@media (max-width:1240px){
  .li-nav-premium{display:none}
}
@media (max-width:1100px){
  .li-nav-search{width:220px}
  .li-nav-biz .li-nav-label{display:none}
  .li-nav-item{min-width:64px}
}
@media (max-width:991px){
  .li-grid-3{grid-template-columns:minmax(0,225fr) minmax(0,555fr)}
  .li-grid-3>.li-right{display:none}
  .li-grid-wide{grid-template-columns:minmax(0,1fr)}
  .li-grid-left{grid-template-columns:minmax(0,260fr) minmax(0,555fr)}
  .li-nav-label{display:none}
  .li-nav-item{min-width:56px}
  .li-nav-item.is-active::after{left:8px;right:8px}
  .li-ptop-grid{grid-template-columns:minmax(0,1fr)}
  .li-ptop-orgs{display:none}
  .li-j2p{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
}
@media (max-width:767px){
  :root{--st-preview-bottom:calc(66px + env(safe-area-inset-bottom))}
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .li-nav-in{padding:0 12px;gap:10px}
  .li-nav-logo,.li-nav-items{display:none}
  .li-nav-meav{display:flex;flex:none}
  .li-nav-meav .li-av{width:32px!important;height:32px!important}
  .li-nav-search{flex:1;width:auto;min-width:0;border-radius:18px}
  .li-nav-search input{border-radius:18px}
  .li-nav-msg{display:flex;position:relative;color:var(--li-muted);flex:none;padding:4px}
  .li-nav-msg .li-badge{left:auto;right:-4px;top:-2px}
  .li-shell{padding:8px 0 16px}
  .li-grid{gap:8px;grid-template-columns:minmax(0,1fr)!important}
  .li-left,.li-right{display:none}
  .li-left.li-left-stack{display:block}
  .li-card,.li .st-card,.li .st-tabs{border-radius:0}
  .li-main>.li-card,.li-left>.li-card,[data-feed-item]>.li-card{margin-bottom:8px}
  .li-grid-solo .li-main,.li .st-wrap{padding-left:0;padding-right:0}
  .li .st-wrap{padding:8px 12px 16px}
  .li-share{display:none}
  .li-sortbar{padding:0 12px}
  .li-post-actions{padding:0 4px}
  .li-act{flex-direction:column;gap:2px;min-height:52px;padding:6px 2px;font-size:12px}
  .li-act .li-i{width:22px;height:22px}
  .li-act-wrap .li-menu,.li-post-menu,.li-repost-menu{position:fixed;left:8px!important;right:8px!important;top:auto!important;bottom:calc(66px + env(safe-area-inset-bottom));width:auto;max-width:none;transform:none}
  .li-rx-picker{left:0}
  .li-comment-meta{margin-right:-4px}
  .li-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}
  .li-pcard{min-height:0}
  .li-pcard-av,.li-pcard-av .li-av{width:88px!important;height:88px!important}
  .li-pcard-av{margin-top:-44px}
  .li-pcard-name{font-size:14px;margin:8px 8px 0}
  .li-pcard-sub{font-size:12px;margin:2px 8px 0;min-height:32px;line-height:1.33}
  .li-pcard-foot{padding:8px}
  .li-pcard-foot .li-btn{font-size:14px;padding:4px 8px}
  .li-invite{flex-wrap:wrap}
  .li-invite-btns{width:100%;justify-content:flex-end}
  .li-user-row{flex-wrap:wrap}
  .li-user-row-btns{margin-left:68px}
  .li-row{flex-wrap:wrap}
  .li-row-btns{margin-left:68px;align-self:auto}
  .li-jsearch{padding:12px}
  .li-jsearch-row{grid-template-columns:minmax(0,1fr)}
  .li-pill{font-size:14px;height:30px}
  .li-j2p{display:block;height:auto;min-height:0;overflow:visible}
  .li-j2p.has-job .li-j2p-list{display:none}
  .li-j2p-list{border-right:0}
  .li-j2p-back{display:flex;align-items:center;gap:4px;padding:12px 16px 0;font-weight:600;color:var(--li-muted);font-size:14px}
  .li-job{padding:16px}
  .li-job-title{font-size:20px}
  .li-job-actions .li-btn{flex:1}
  .li-ptop-body{padding:0 16px 16px}
  .li-ptop-av,.li-ptop-av .li-av{width:112px!important;height:112px!important}
  .li-ptop-av{margin-top:-72px}
  .li-ptop h1{font-size:20px}
  .li-ptop-headline{font-size:14px}
  .li-profile-actions .li-btn{flex:1 1 auto;padding:6px 12px}
  .li-profile-actions .li-menu-wrap{flex:none}
  .li-hide-sm{display:none!important}
  .li-posted-row{flex-wrap:wrap}
  .li-posted-ctl{width:100%;max-width:none;padding:0 16px 12px 76px}
  .li-ad-cta{padding:8px 12px}
  .li-boost-bar{margin:0 12px}
  .li-psec{padding:16px 16px 8px}
  .li-psec-foot{margin:8px -16px -8px}
  .li-stats3{grid-template-columns:minmax(0,1fr)}
  .li-cotop-body,.li-gtop-body{padding:0 16px}
  .li-etop-body{padding:16px}
  .li-egrid{grid-template-columns:minmax(0,1fr);padding:0 12px 12px}
  .li-cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}
  .li-ccard-logo .li-co-logo{width:56px!important;height:56px!important}
  .li-ccard-logo{margin-top:-28px}
  .li-ccard-name{font-size:14px;margin:8px 8px 0}
  .li-ccard-sub,.li-ccard-meta{margin:2px 8px 0;font-size:12px}
  .li-ccard-foot{padding:8px}
  .li-ccard-foot .li-btn{font-size:14px;padding:4px 8px}
  .li-page-actions .li-btn,.li-group-actions .li-btn{flex:1 1 auto}
  .li-msgapp{display:block;height:calc(100vh - var(--li-nav-h) - 58px - env(safe-area-inset-bottom));min-height:0}
  .li-msgapp.has-open .li-msg-col{display:none}
  .li-msgapp:not(.has-open) .li-thread{display:none}
  .li-msgapp .li-msg-col,.li-msgapp .li-thread{height:100%;border-right:0}
  .li-thread-back{display:inline-grid}
  .li-show-sm{display:flex!important}
  .li-co-search{display:none}
  .li-sbar-in{padding:10px 12px}
  .li-auth-top{height:64px;padding:0 16px}
  .li-auth-top .li-wordmark span:last-child{display:none}
  .li-auth-hero{grid-template-columns:minmax(0,1fr);padding:16px 16px 32px;gap:8px}
  .li-auth-h1{font-size:32px;margin-bottom:24px}
  .li-auth-form{max-width:none}
  .li-auth-art{display:none}
  .li-demo{padding:0 16px 32px}
  .li-demo-card{padding:20px 16px}
  .li-demo h2{font-size:24px}
  .li-join{padding:8px 16px 32px}
  .li-join-h1{font-size:24px;margin:8px 0 16px}
  .li-join-card{box-shadow:none;padding:8px 0}
  .li-compose{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}
  .li-compose-form{height:100%;max-height:none}
  .li-compose-text{flex:1}
  .st-toasts{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}
  body:has(.st-preview) .st-toasts{bottom:calc(72px + env(safe-area-inset-bottom))}
  .li-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
    background:var(--li-card);border-top:1px solid var(--li-sep,rgba(0,0,0,.12))}
  .li-tab{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--li-muted)}
  .li-tab.is-active{color:var(--li-text)}
  .li-tab.is-active::before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--li-text);border-radius:0 0 2px 2px}
  .li-tab-ic{position:relative;display:flex}
  .li-tab-label{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .li-tab .li-badge{left:14px;top:-5px}
}
@media (max-width:380px){
  .li-tab-label{font-size:10px}
  .li-act span{font-size:11px}
}