/* ReconHire: ui styles */
/* Sign out: easy to find at the bottom of the Me menu */
.menu .menu-signout{margin-top:6px;justify-content:center;font-weight:600;color:#b91c1c;background:color-mix(in srgb,#dc2626 8%,transparent);border:1px solid color-mix(in srgb,#dc2626 30%,transparent)}
.menu .menu-signout:hover{background:#dc2626;color:#fff;border-color:#dc2626}
.menu .menu-signout .ico{color:inherit}

/* Top bar, LinkedIn proportions: 56px tall, icon over a short label, items fill the bar height so the
   active underline sits at the very bottom edge instead of running through the label */
.head-row{height:56px}
.head-row>.tabs{height:auto!important;align-self:stretch}
.tabs>a,.tabs>.pop>button{height:56px;min-width:0;padding:0 14px;gap:3px;justify-content:center;font:500 12px/1 var(--font);letter-spacing:0}
.tabs>.pop{height:56px}
.tabs .ico{width:22px;height:22px}
.tabs .nav-lbl{line-height:1.1}
.tabs>a.on::after,.tabs>.pop>button.on::after{left:0;right:0;bottom:0;height:2px;border-radius:0;box-shadow:none}
.tabs .sep{margin:12px 6px}
.me-btn .me-av{width:24px;height:24px}
@media (max-width:1180px) and (min-width:641px){.tabs>a,.tabs>.pop>button{padding:0 9px;font-size:11px}}
@media (max-width:900px) and (min-width:641px){.tabs>a,.tabs>.pop>button{padding:0 6px}.tabs .nav-lbl{font-size:10px}}

/* ---------- Display and language picker ---------- */
.rh-prefs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rh-seg{display:inline-flex;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--line)}
.rh-seg button{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:0;border-radius:8px;background:none;color:var(--muted);font:500 .82rem var(--font);cursor:pointer;white-space:nowrap}
.rh-seg button[aria-checked="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(15,23,42,.14)}
.rh-seg button span{font-size:.95rem;line-height:1}
.rh-lang{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 4px 0 10px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--muted)}
.rh-lang svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.rh-lang select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--text);font:500 .84rem var(--font);padding:7px 22px 7px 0;cursor:pointer;outline:none;max-width:170px}
.rh-lang::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.rh-prefs.compact .rh-seg button{padding:5px 8px;font-size:.76rem}
.rh-prefs.compact .rh-lang select{font-size:.8rem;padding:6px 20px 6px 0}
.menu .menu-prefs{padding:8px 12px 6px;border-top:1px solid var(--line);margin-top:4px;display:grid;gap:8px}
.menu .menu-prefs .grp{padding:0;font:600 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.menu .menu-prefs .rh-prefs{flex-direction:column;align-items:stretch}.menu .menu-prefs .rh-seg{display:flex}.menu .menu-prefs .rh-seg button{flex:1;justify-content:center}
.menu .menu-prefs .rh-lang select{max-width:none;flex:1}
.rail-foot .rh-prefs{margin:10px 0 6px}
.foot .rh-prefs{margin-left:auto}
.head-actions .rh-lang{border-color:transparent;background:transparent}
@media (max-width:640px){.head-actions [data-prefs-head]{display:none}}

/* ---------- Dark mode ---------- */
html[data-theme="dark"]{
  --bg:#0b1220;--surface:#111a2c;--surface2:#16213a;--raise:#1a2640;
  --text:#e6ecf7;--muted:#a7b3c9;--dim:#7f8ca6;
  --accent:#5b8cff;--accent2:#a284ff;--good:#34d399;--bad:#f87171;--info:#38bdf8;--on-accent:#ffffff;
  --line:color-mix(in srgb,var(--text) 11%,transparent);--line2:color-mix(in srgb,var(--text) 18%,transparent);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7);
  color-scheme:dark;
}
html[data-theme="dark"] .head::before{background:color-mix(in srgb,var(--bg) 88%,transparent)}
html[data-theme="dark"] .input,html[data-theme="dark"] select.input,html[data-theme="dark"] textarea.input{background:var(--surface2);color:var(--text)}
html[data-theme="dark"] .btn.ghost{background:var(--surface2);color:var(--text)}
html[data-theme="dark"] .f-me-cover,html[data-theme="dark"] .mp-cover,html[data-theme="dark"] .pcard-cover,html[data-theme="dark"] .pf-cover{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.08),transparent 45%),linear-gradient(120deg,#1e3a8a 0%,#4c1d95 55%,#0c4a6e 100%)}
html[data-theme="dark"] .pcard.private .pcard-cover{background:linear-gradient(120deg,#1e293b,#334155)}
html[data-theme="dark"] .wl-cert{background:linear-gradient(170deg,color-mix(in srgb,var(--ic) 22%,var(--surface)),var(--surface) 62%);box-shadow:0 8px 18px -14px var(--ic)}
html[data-theme="dark"] .wl-cert .wl-issuer{color:color-mix(in srgb,var(--ic) 60%,#fff)}
html[data-theme="dark"] .menu{box-shadow:0 20px 50px -20px #000}
html[data-theme="dark"] .menu .menu-signout{color:#fca5a5}
html[data-theme="dark"] .rh-seg button[aria-checked="true"]{background:var(--raise);box-shadow:0 1px 3px rgba(0,0,0,.5)}
html[data-theme="dark"] .co-stripe,html[data-theme="dark"] .co-paypal{background:#fff}
html[data-theme="dark"] img.js-logo,html[data-theme="dark"] .emp-logo{background:#fff}
.rh-lang select{width:auto!important;min-width:0;margin:0;box-shadow:none!important}

/* Dark mode for billing, ads and posts styles (those files use light tints) */
html[data-theme="dark"] .ptile,html[data-theme="dark"] .ptile.hot{color:var(--text)}
html[data-theme="dark"] .ptile.hot{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface) 62%) padding-box,linear-gradient(135deg,var(--accent),var(--accent2)) border-box}
html[data-theme="dark"] .intro-banner{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--accent2) 12%,var(--surface)))}
html[data-theme="dark"] :is(.bl-flash,.bl-status,.bl-note,.bl-st).ok,
html[data-theme="dark"] :is(.bl-status.active,.bl-note.good,.bl-st.paid){color:#6ee7b7;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35)}
html[data-theme="dark"] :is(.bl-flash.bad,.bl-note.bad,.bl-status.past_due,.bl-status.incomplete,.bl-st.due,.bl-st.failed){color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}
html[data-theme="dark"] :is(.bl-flash.info,.bl-status.trial){color:#93c5fd;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35)}
html[data-theme="dark"] :is(.bl-status.canceling,.bl-note.warn,.bl-st.refunded,.bl-st.partly){color:#fcd34d;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35)}
html[data-theme="dark"] :is(.bl-status.prepaid,.bl-status.comp){color:#c4b5fd;background:rgba(139,92,246,.14);border-color:rgba(139,92,246,.35)}
html[data-theme="dark"] :is(.bl-status.free,.bl-status.admin,.bl-status.off,.bl-st){color:var(--muted);background:color-mix(in srgb,var(--text) 8%,transparent);border-color:var(--line2)}
html[data-theme="dark"] .bl-cancel-btn{background:transparent;color:#fca5a5;box-shadow:inset 0 0 0 1.5px rgba(239,68,68,.5)}
html[data-theme="dark"] .bl-cancel-btn:hover{background:rgba(239,68,68,.14)}
html[data-theme="dark"] .bl-card-row.def,html[data-theme="dark"] .cx-reasons label:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
html[data-theme="dark"] .bl-upsell,html[data-theme="dark"] .cx-offer{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface)) padding-box,linear-gradient(135deg,var(--accent),var(--accent2)) border-box}
html[data-theme="dark"] .cx-done .fi.ok{background:rgba(16,185,129,.14);color:#6ee7b7}html[data-theme="dark"] .cx-done .fi.end{background:rgba(245,158,11,.14);color:#fcd34d}
html[data-theme="dark"] :is(.pol-box,.pol-card,.pol-rec) .chip.amber{background:rgba(245,158,11,.16);color:#fcd34d}
.i18n-bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden;width:160px;margin-bottom:3px}.i18n-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.l-nav a{white-space:nowrap}@media (max-width:1280px){html:not([lang="en"]) .l-nav a{font-size:.86rem}}

/* ---------- Title badges (CEO, Recruiter…) and the Verified employer badge ---------- */
.tbadge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 8px 2px 6px;border-radius:999px;font:700 .66rem/1.5 var(--font);letter-spacing:.02em;white-space:nowrap;vertical-align:middle;color:#fff;
  background:linear-gradient(135deg,var(--tb1),var(--tb2));box-shadow:0 2px 8px -3px var(--tb2),inset 0 0 0 1px rgba(255,255,255,.18)}
.tbadge .ico{width:11px;height:11px;stroke-width:2.4;flex:none}
.tbadge.t-exec{--tb1:#f59e0b;--tb2:#b45309}
.tbadge.t-hire{--tb1:#10b981;--tb2:#047857}
.tbadge.t-lead{--tb1:#6366f1;--tb2:#4338ca}
.tbadge.t-pro{--tb1:#0ea5e9;--tb2:#0369a1}
.tbadge.t-learn{--tb1:#a78bfa;--tb2:#7c3aed}
/* self-reported titles are quieter than verified ones */
.tbadge:not(.ok){background:color-mix(in srgb,var(--tb2) 12%,var(--surface));color:color-mix(in srgb,var(--tb2) 85%,var(--text));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tb2) 35%,transparent)}
.tbadge .tb-ck{display:inline-grid;place-items:center;width:13px;height:13px;margin-left:1px;border-radius:50%;background:#fff;color:var(--tb2);font-size:.6rem;font-weight:900;line-height:1}
.tbadge.big{margin:0;padding:5px 12px 5px 9px;font-size:.8rem;gap:6px}
.tbadge.big .ico{width:15px;height:15px}
.tbadge.big .tb-co{padding-left:7px;margin-left:2px;border-left:1px solid rgba(255,255,255,.45);font-weight:600}
.tbadge.big .tb-ck{width:16px;height:16px;font-size:.7rem}
.tbadge.ok.big{animation:tbGlow 3.2s ease-in-out infinite}
@keyframes tbGlow{0%,100%{box-shadow:0 4px 14px -6px var(--tb2),inset 0 0 0 1px rgba(255,255,255,.2)}50%{box-shadow:0 4px 20px -4px var(--tb1),inset 0 0 0 1px rgba(255,255,255,.3)}}
@media (prefers-reduced-motion:reduce){.tbadge.ok.big{animation:none}}
.mp-title{margin:6px 0 4px;min-height:0}
.pf-title select{max-width:240px}
.tb-prev{display:inline-flex}
/* Verified employer: an eye-catching green badge wherever it shows with text */
.vbadge.b-emp .ico{fill:color-mix(in srgb,var(--good) 20%,transparent)}
h1 .vbadge.b-emp,.chip.vemp{color:#fff!important;background:linear-gradient(135deg,#10b981,#047857)!important;box-shadow:0 3px 12px -5px #047857;border-color:transparent!important;font-weight:700}
h1 .vbadge.b-emp .ico,.chip.vemp .ico{color:#fff;fill:rgba(255,255,255,.2)}
html[data-theme="dark"] .tbadge:not(.ok){background:color-mix(in srgb,var(--tb1) 16%,var(--surface));color:color-mix(in srgb,var(--tb1) 80%,#fff)}
/* default profile picture for members without a photo */
html[data-theme="dark"] .nav-av.no-photo img,html[data-theme="dark"] .pfp.no-photo img{filter:brightness(.82) saturate(1.1)}
/* count badges on admin tabs and the Me button */
.tab-count{margin-left:6px;min-width:18px;height:18px;padding:0 5px;background:#e5484d!important;color:#fff!important;font-size:.66rem;box-shadow:0 0 0 2px var(--surface)}
.me-btn .me-av{position:relative;overflow:visible}
.me-btn .me-av img{border-radius:50%}
.me-count{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;background:#e5484d!important;color:#fff!important;box-shadow:0 0 0 2px var(--bg)}
.menu .admin-count{background:#e5484d;color:#fff}
.sec-alerts{display:grid;gap:6px;margin-top:10px}
.sec-al{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--surface)}
.sec-al summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.sec-al summary::-webkit-details-marker{display:none}
.sec-al summary b{flex:1;font-size:.9rem;font-weight:600}
.sec-al .sev{width:9px;height:9px;border-radius:50%;flex:none;background:var(--info)}
.sec-al.mid .sev{background:#f59e0b}.sec-al.hi .sev{background:#e5484d;box-shadow:0 0 0 3px rgba(229,72,77,.18)}
/* reports in Moderation */
.rep-card.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.rep-card.clickable:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 6px 18px -12px var(--accent)}
.rep-reply{display:flex;gap:10px;margin-top:10px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}
.rep-reply .ico{color:var(--accent);margin-top:3px}.rep-reply p{margin:2px 0 0;white-space:pre-wrap;font-size:.9rem}

/* homepage: link for employers and recruiters under the hero buttons */
.hero-hire{display:flex;align-items:center;gap:7px;margin:14px 0 0;font-size:.92rem;color:var(--muted)}
.hero-hire .ico{width:16px;height:16px;color:var(--good)}
.hero-hire a{font-weight:600}

/* ---------- Admin: grouped sidebar menu ---------- */
.adm-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}
.adm-side{position:sticky;top:72px;max-height:calc(100vh - 88px);overflow:auto;scrollbar-width:thin;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}
.adm-nav{display:grid;gap:1px}
.adm-grp{padding:12px 10px 4px;font:600 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.adm-grp:first-child{padding-top:4px}
.adm-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;color:var(--muted);font:500 .9rem var(--font);text-align:left;cursor:pointer;position:relative}
.adm-nav button .ico{width:17px;height:17px;flex:none;opacity:.85}
.adm-nav button span:not(.badge){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-nav button:hover{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text)}
.adm-nav button.on{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);font-weight:600}
.adm-nav button.on::before{content:"";position:absolute;left:-8px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.adm-nav button.on .ico{opacity:1}
.adm-nav .tab-count{margin-left:auto}
.adm-pick{display:none}
.adm-content{min-width:0}
.adm-content>.stack>h2:first-child,.adm-content>div>h2:first-child{margin-top:0}
@media (max-width:900px){
  .adm-layout{grid-template-columns:1fr;gap:12px}
  .adm-side{position:static;max-height:none;padding:0;border:0;box-shadow:none;background:none}
  .adm-nav{display:none}
  .adm-pick{display:block;font-weight:600}
}
/* admin sidebar: no inner scroll bar; it scrolls with the page and is a little tighter */
.adm-side{position:static;max-height:none;overflow:visible}
.adm-nav button{padding:7px 10px;font-size:.88rem}
.adm-grp{padding:10px 10px 3px}
.hl-errs pre{max-height:none;overflow:visible}

/* No visible scroll bars in the admin panel: tab bars wrap onto a second line instead of scrolling,
   and wide tables on phones can still be swiped sideways but without a bar */
.adm-content .seg,.adm-content .af-tabs,.adm-content .ba-tabs,.adm-content .md-top{flex-wrap:wrap;overflow:visible}
.adm-content *{scrollbar-width:none}
.adm-content *::-webkit-scrollbar{display:none}
.adm-content .af-filter{flex-wrap:wrap;overflow:visible}
.rep-review .rep-what{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.rep-review .rep-content{margin-top:8px;white-space:pre-wrap;font-size:.95rem}
.rep-review .staff-panel{margin:0}
@media (min-width:901px){.adm-side{position:sticky;align-self:start}}
/* "ReconHire was just updated" bar */
.rh-update{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:12px;background:var(--text);color:var(--surface);box-shadow:0 12px 30px -10px rgba(0,0,0,.45);font-size:.9rem}
.rh-update button{border:0;border-radius:8px;padding:7px 12px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}
.rh-update button.x{background:transparent;color:inherit;opacity:.7;padding:4px 8px;font-size:1.1rem}
@media (max-width:640px){.rh-update{bottom:76px;width:calc(100% - 24px)}}

/* More menu: compact, two columns on wider screens */
.more-menu{min-width:0;width:min(470px,calc(100vw - 24px));padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;max-height:calc(100vh - 90px);overflow:auto;scrollbar-width:none}
.more-menu::-webkit-scrollbar{display:none}
.more-menu .mm-sec{display:grid;align-content:start;gap:1px;padding:2px 0}
.more-menu .grp{padding:8px 10px 3px;font-size:.6rem}
.more-menu a{padding:6px 10px;gap:9px;font-size:.84rem;border-radius:8px}
.more-menu a .ico{width:16px;height:16px;flex:none;color:var(--muted)}
.more-menu a:hover .ico{color:var(--accent)}
@media (max-width:640px){.more-menu{grid-template-columns:1fr 1fr;width:calc(100vw - 16px)}}
@media (max-width:380px){.more-menu{grid-template-columns:1fr}}
.bottom-bar .more-menu a,.more-menu a{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;height:auto!important;min-width:0!important}.bottom-bar .more-menu .badge{position:static!important;margin-left:auto}

/* ---------- Modern dropdowns (select-ui.js) ---------- */
select.fx-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important}
.fx-sel{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:9px 38px 9px 13px;border:1px solid var(--line2);border-radius:11px;background:var(--surface);color:var(--text);font:400 .95rem/1.3 var(--font);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.fx-sel.sm{min-height:34px;padding:6px 32px 6px 11px;font-size:.86rem;border-radius:9px}
.fx-sel:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line2))}
.fx-sel:focus-visible,.fx-sel.on{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.fx-sel:disabled{opacity:.55;cursor:not-allowed}
.fx-sel.placeholder .fx-txt{color:var(--dim)}
.fx-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-chev{position:absolute;right:13px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .18s,margin .18s}
.fx-sel.on .fx-chev{transform:rotate(225deg);margin-top:-2px;border-color:var(--accent)}
.fx-pop{position:fixed;z-index:400;display:flex;flex-direction:column;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line2);box-shadow:0 18px 48px -14px rgba(15,23,42,.35),0 2px 6px rgba(15,23,42,.08);animation:fxIn .14s ease-out;outline:none}
.fx-pop.up{animation-name:fxUp}
@keyframes fxIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes fxUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.fx-search{margin:0 0 6px;padding:8px 11px;border:1px solid var(--line2);border-radius:9px;background:var(--surface2);color:var(--text);font:400 .88rem var(--font);outline:none}
.fx-search:focus{border-color:var(--accent);background:var(--surface)}
.fx-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 18%,transparent) transparent}
.fx-list::-webkit-scrollbar{width:6px}.fx-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 18%,transparent);border-radius:3px}
.fx-grp{padding:10px 10px 4px;font:600 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.fx-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:.9rem;color:var(--text);cursor:pointer;line-height:1.35}
.fx-opt span:first-child{flex:1;min-width:0}
.fx-opt.act{background:color-mix(in srgb,var(--accent) 9%,transparent)}
.fx-opt.sel{color:var(--accent);font-weight:600}
.fx-opt.off{opacity:.45;cursor:default}
.fx-ck{width:6px;height:11px;margin-right:4px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);flex:none}
.fx-none{padding:12px;text-align:center;color:var(--dim);font-size:.88rem}
html[data-theme="dark"] .fx-pop{box-shadow:0 18px 48px -14px rgba(0,0,0,.7)}
/* pop-up menus inside cards (Add section, post ⋯ menus) are never cut off by the card edge */
.pf-hero,.mp-head{overflow:visible}
.pf-hero>.pf-cover,.mp-head>.mp-cover{border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.card:has(.pop>.menu),.card:has(.menu){overflow:visible!important;z-index:30;position:relative}
.pop>.menu{z-index:60}
.pf-hero .menu{min-width:280px}

/* admin: light/dark switch in the Control room header */
.page-head:has(.adm-head-tools){display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.adm-head-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.adm-head-tools:empty{display:none}
/* dark mode: red buttons, warning chips and notes stay readable */
html[data-theme="dark"] .btn.danger:not(.solid),html[data-theme="dark"] .btn.sm.danger{color:#fca5a5;border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.10)}
html[data-theme="dark"] .btn.danger:not(.solid):hover{background:rgba(248,113,113,.18)}
html[data-theme="dark"] .chip.warn{color:#fca5a5;background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.35)}
html[data-theme="dark"] .ac-warn{color:#fcd34d}
html[data-theme="dark"] img.emp-adm-logo{background:#e2e8f0}
html[data-theme="dark"] .scam-note.high b,html[data-theme="dark"] .scam-note.high .ico{color:#fca5a5}
html[data-theme="dark"] .scam-note.medium b,html[data-theme="dark"] .scam-note.medium .ico{color:#fcd34d}
/* Home: bigger profile photo on the "me" card */
.f-me-cover{height:76px}
.f-me-av{margin:-52px auto 10px}
.f-me-av .nav-av{box-shadow:0 0 0 4px var(--surface),0 8px 22px -10px rgba(15,23,42,.45)}
/* top bar: the photo next to Me, a little smaller */
.me-btn .me-av{width:28px;height:28px}
/* top banners: the arrow folds the banner into a slim strip with a small "open" tab */
.season-bar .se-fold{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:0;line-height:1}
.season-bar .se-fold svg{flex:none;transition:transform .25s ease}
.season-bar .se-fold-t{display:none}
.season-bar.folded{min-height:0!important;height:30px;padding:0 50px!important;transition:height .25s ease}
.season-bar.folded>*:not(.se-fold):not(.el-wave):not(.el-stars):not(.se-art){display:none!important}
.season-bar.folded .se-art{opacity:.35}
.season-bar.folded .se-fold{position:absolute;left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:auto;height:24px;padding:0 12px 0 8px;border-radius:999px;
  font:600 .76rem/1 var(--font);letter-spacing:.02em;color:inherit;background:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent)}
.season-bar.folded .se-fold svg{transform:rotate(180deg);width:15px;height:15px}
.season-bar.folded .se-fold-t{display:inline;font-size:.76rem;white-space:nowrap;max-width:60vw;overflow:hidden;text-overflow:ellipsis}
.season-bar.el-bar.folded{height:34px;padding:0 50px 6px!important}
.season-bar.el-bar.folded .se-fold{top:calc(50% - 3px);color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.season-bar.el-bar.folded .se-fold:hover{background:rgba(255,255,255,.24)}
@media (max-width:620px){.season-bar.el-bar.folded .se-fold{top:calc(50% - 3px);transform:translate(-50%,-50%)}}
@media (prefers-reduced-motion:reduce){.season-bar.folded,.season-bar .se-fold svg{transition:none}}
/* folded tab: beat the election banner's fixed button size, and sit above the stripes */
.season-bar.folded .se-fold.se-x{width:auto;height:24px;padding:0 12px 0 8px}
.season-bar.el-bar.folded{height:44px}
.season-bar.el-bar.folded .se-fold.se-x{top:6px;transform:translateX(-50%);height:24px;width:auto;border-radius:999px}
.season-bar.el-bar.folded .el-wave{height:14px}
@media (max-width:620px){.season-bar.el-bar.folded .se-fold.se-x{top:6px;transform:translateX(-50%)}}
.season-bar.folded .se-fold.se-x,.season-bar.el-bar.folded .se-fold.se-x{left:50%;right:auto}
/* dark mode, closer to black: near-black page, charcoal cards, a faint cool tint so it doesn't feel flat */
html[data-theme="dark"]{
  --bg:#06080c;--surface:#0e1117;--surface2:#151a22;--raise:#1b212b;
  --text:#e8ecf3;--muted:#a3adbd;--dim:#7c8696;
  --line:color-mix(in srgb,var(--text) 10%,transparent);--line2:color-mix(in srgb,var(--text) 16%,transparent);
  --shadow:0 1px 2px rgba(0,0,0,.6),0 12px 30px -14px rgba(0,0,0,.85);
}
html[data-theme="dark"] body{background-color:var(--bg)}
/* top alert strips (weather): the arrow folds the strip into a slim bar with a small "open" tab */
.tick .tick-fold{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:inherit;cursor:pointer}
.tick .tick-fold:hover{background:rgba(255,255,255,.22)}
.tick .tick-fold-ic{width:9px;height:9px;border-left:2.4px solid currentColor;border-top:2.4px solid currentColor;transform:translateY(2px) rotate(45deg);transition:transform .25s ease}
.tick .tick-fold-t{display:none}
.tick.tick-folded{min-height:0;padding-top:0;padding-bottom:0;height:30px;justify-content:center}
.tick.tick-folded>*:not(.tick-fold){display:none!important}
.tick.tick-folded .tick-fold{width:auto;height:22px;padding:0 12px 0 10px;gap:8px;border-radius:999px;margin:0 auto;font:600 .76rem/1 var(--font)}
.tick.tick-folded .tick-fold-ic{transform:translateY(-2px) rotate(225deg)}
.tick.tick-folded .tick-fold-t{display:inline;white-space:nowrap;max-width:70vw;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.tick .tick-fold-ic{transition:none}}
/* pinned top menu: nothing pokes out above it, so nothing gets clipped when it sticks to the top while scrolling */
.head{padding-top:8px}
html[data-el] .brand::after{top:-3px}
html[data-el-int="subtle"] .brand::after{top:-2px}
.head .brand::after{top:-3px}
/* Me menu, LinkedIn style: a profile card, two shortcut cards, a clean list, Sign out at the bottom */
.menu.me-menu{width:340px;max-width:calc(100vw - 20px);padding:12px;display:grid;gap:8px;border-radius:16px}
.me-menu a,.me-menu button{font-family:var(--font)}
.mm-profile,.mm-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--text);text-decoration:none;background:var(--surface)}
.mm-profile:hover,.mm-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.mm-profile .nav-av{flex:none}
.mm-profile-t,.mm-card-t{flex:1;min-width:0;display:grid;gap:2px}
.mm-profile-t b{display:flex;align-items:center;gap:6px;font-size:1rem}
.mm-profile-t small{color:var(--muted);font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-card{padding:11px 14px}
.mm-card>.ico:first-child{width:18px;height:18px;color:var(--accent);flex:none}
.mm-card-t b{font-weight:600;font-size:.92rem}
.mm-card-t small{color:var(--dim);font-size:.76rem}
.mm-profile>.ico:last-child,.mm-card>.ico:last-child{width:16px;height:16px;flex:none;color:var(--dim)}
.mm-list{display:grid;gap:1px;padding:4px 0 0}
.me-menu .mm-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 8px;border:0;border-radius:10px;background:none;color:var(--text);font-size:.93rem;text-align:left;cursor:pointer;text-decoration:none}
.me-menu .mm-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.me-menu .mm-item>.ico{width:19px;height:19px;flex:none;color:var(--muted)}
.me-menu .mm-item>span:not(.badge):not(.mm-prem-ic){flex:1;min-width:0}
.me-menu .mm-item>.ico:last-child:not(:first-child){width:15px;height:15px;transition:transform .2s}
.me-menu .mm-item.open>.ico:last-child{transform:rotate(90deg)}
.mm-prem-ic{width:16px;height:16px;flex:none;margin:0 1px;border-radius:3px;background:linear-gradient(135deg,#f5b544 50%,#d98a14 50%)}
.mm-lang{padding:4px 8px 8px}
.mm-lang[hidden]{display:none}
.mm-lang .rh-prefs{flex-direction:column;align-items:stretch;gap:8px}
.mm-lang .rh-seg{display:flex}.mm-lang .rh-seg button{flex:1;justify-content:center}
.mm-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px 2px;border-top:1px solid var(--line)}
.me-menu .mm-signout{width:auto;margin:0;padding:6px 8px;border:0;background:none;color:var(--text);font-weight:600;font-size:.95rem;border-radius:8px;cursor:pointer;justify-content:flex-start}
.me-menu .mm-signout:hover{background:color-mix(in srgb,var(--bad) 9%,transparent);color:var(--bad)}
.mm-ver{color:var(--dim);font-size:.76rem;text-decoration:none}
.menu.me-menu a.mm-profile,.menu.me-menu a.mm-card{border:1px solid var(--line2);border-radius:14px;padding:12px 14px;margin:0}
.menu.me-menu a.mm-card{padding:10px 14px}
.menu.me-menu{max-height:calc(100vh - var(--head-h,64px) - 24px);overflow-y:auto;scrollbar-width:none}
.menu.me-menu::-webkit-scrollbar{display:none}
.me-menu .mm-item>.ico:last-child:not(:first-child){transform:none}
.me-menu .mm-item.open>.ico:last-child:not(:first-child){transform:rotate(90deg)}
.menu.me-menu .mm-foot .mm-signout{width:auto;flex:none;white-space:nowrap;display:inline-flex}
/* For Business mega menu and Advertise, right side of the top bar */
.biz-sep{width:1px;align-self:center;height:34px;margin:0 6px;background:var(--line2)}
.biz-pop{position:relative}
.biz-btn,.biz-adv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 10px;height:56px;border:0;background:none;color:var(--muted);font:500 .74rem var(--font);text-decoration:none;cursor:pointer;white-space:nowrap}
.biz-btn .nav-ic .ico,.biz-adv .nav-ic .ico{width:22px;height:22px}
.biz-btn:hover,.biz-adv:hover,.biz-btn.on,.biz-adv.on{color:var(--text)}
.biz-btn .nav-lbl{display:inline-flex;align-items:center;gap:2px}.biz-btn .nav-lbl .ico{width:12px;height:12px}
.menu.biz-menu{position:absolute;right:-70px;top:calc(100% + 6px);left:auto;width:760px;max-width:calc(100vw - 24px);display:grid;grid-template-columns:1fr 1.15fr;padding:0;border-radius:16px;overflow:hidden;max-height:calc(100vh - var(--head-h,64px) - 20px);overflow-y:auto;scrollbar-width:none}
.biz-col{display:grid;align-content:start;gap:2px;padding:24px 26px}
.biz-col h3{margin:0 0 12px;font-size:1.2rem}
.biz-explore{border-left:1px solid var(--line);background:color-mix(in srgb,var(--text) 2%,var(--surface))}
.menu.biz-menu a.biz-app{display:flex;align-items:center;gap:14px;padding:8px 8px;border-radius:10px;color:var(--text);font-weight:500;font-size:.95rem;text-decoration:none;margin:0}
.biz-app-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:#fff}
.biz-app-ic .ico{width:19px;height:19px}
.biz-app-ic.c1{background:linear-gradient(135deg,#3b82f6,#2563eb)}.biz-app-ic.c2{background:linear-gradient(135deg,#6366f1,#4338ca)}.biz-app-ic.c3{background:linear-gradient(135deg,#0ea5e9,#0369a1)}
.biz-app-ic.c4{background:linear-gradient(135deg,#14b8a6,#0f766e)}.biz-app-ic.c5{background:linear-gradient(135deg,#f59e0b,#d97706)}.biz-app-ic.c6{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.biz-app-ic.c7{background:linear-gradient(135deg,#ec4899,#be185d)}
.biz-grp{margin:12px 0 2px;color:var(--dim);font-size:.82rem;font-weight:600}
.menu.biz-menu a.biz-exp{display:grid;gap:2px;padding:10px 8px;border-radius:10px;color:var(--text);text-decoration:none;margin:0}
.biz-exp b{font-weight:600;font-size:.98rem}.biz-exp small{color:var(--muted);font-size:.84rem}
.menu.biz-menu a.biz-app:hover,.menu.biz-menu a.biz-exp:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.menu.biz-menu a.biz-create{display:inline-flex;align-items:center;gap:6px;margin:16px 8px 0;padding:0;color:var(--muted);font-weight:600;text-decoration:none}
.biz-create .ico{width:16px;height:16px}
.biz-create:hover{color:var(--accent)}
@media (max-width:1180px){.biz-sep,.tabs>.pop.biz-pop,.biz-pop,.biz-adv{display:none!important}}
/* ReconHire flavor for the Me and For Business menus */
.biz-k{font:600 .68rem var(--mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.biz-col h3{font-family:var(--hfont);margin-top:2px}
.menu.biz-menu{border:1px solid var(--line2);box-shadow:0 30px 60px -28px rgba(15,23,42,.45),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}
.menu.biz-menu::before{content:"";grid-column:1 / -1;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.biz-explore{background-image:linear-gradient(color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px);background-size:22px 22px}
.menu.biz-menu a.biz-exp b{font-family:var(--hfont)}
.menu.biz-menu a.biz-exp:hover b{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.menu.me-menu{border:1px solid var(--line2)}
.menu.me-menu::before{content:"";display:block;height:3px;margin:-12px -12px 4px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.menu.me-menu a.mm-profile{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),color-mix(in srgb,var(--accent2) 8%,var(--surface)))}
.mm-profile-t b{font-family:var(--hfont)}
.mm-card>.ico:first-child{padding:6px;box-sizing:content-box;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 16px -8px var(--accent)}
.me-menu .mm-item:hover>.ico{color:var(--accent)}
/* modern dropdowns: no visible scroll bar (the list still scrolls with the wheel, touch or arrow keys) */
.fx-list,.fx-pop{scrollbar-width:none;-ms-overflow-style:none}
.fx-list::-webkit-scrollbar,.fx-pop::-webkit-scrollbar{display:none;width:0;height:0}

/* Turnstile help: shown when Cloudflare's bot check can't run in this browser */
.ts-help{margin:10px 0 4px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--warn,#d97706) 45%,transparent);background:color-mix(in srgb,var(--warn,#d97706) 9%,var(--surface));font-size:.86rem;line-height:1.45;text-align:left}
.ts-help b{display:block;margin-bottom:4px}
.ts-help p{margin:0 0 10px;color:var(--muted)}
.ts-help[hidden]{display:none}

/* Sidebars taller than the window scroll on their own (sticky-rails.js), with no visible scroll bar */
.rail-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.rail-scroll::-webkit-scrollbar{display:none;width:0;height:0}

/* Sounds (sounds.js): speaker button, snooze menu, Notifications page card, Settings rows */
.snd-btn.snd-off{color:var(--warn,#d97706)}
.snd-menu{min-width:240px}
.snd-menu .snd-head{padding:8px 12px 6px;font-size:.78rem;color:var(--muted);border-bottom:1px dashed var(--line);margin-bottom:4px}
.snd-menu .snd-head b{font:600 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.n-sound{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.n-sound>span{display:grid;gap:2px;min-width:0}
.n-sound small{font-size:.8rem;line-height:1.35}
.snd-quiet{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mt-mute .ico{width:13px;height:13px;color:var(--dim)}

/* Me menu: Light / Dark / Auto right in the menu */
.me-menu .mm-theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;flex-wrap:wrap}
.me-menu .mm-theme-l{display:inline-flex;align-items:center;gap:12px;font-size:.95rem;color:var(--text)}
.me-menu .mm-theme-l .ico{width:18px;height:18px;color:var(--muted)}
.me-menu .mm-theme .rh-prefs{margin:0}

/* sticky-rails.js: short windows. Level 1 hides the sidebar's links footer (the page footer shows instead);
   level 2 (menu sidebars) keeps only the menu card so it never moves */
.rail-fit1 .rail-foot{display:none!important}
body:has(.rail-fit1 .rail-foot) .foot-app{display:block!important}
.rail-fit2>:not(:first-child){display:none!important}
.rail-fitA>:not(:first-child):not(.rail-foot){display:none!important}
/* menu pages fill the window so their pinned menu has room to stay put */
@media (min-width:900px){.ng-grid,.jh-grid{min-height:calc(100vh - var(--head-h,70px) - 30px)}}
.rail-aside{display:none!important}

/* Home feed: both sidebars stay on screen on smaller windows instead of disappearing */
@media (max-width:1180px){.feed-grid{grid-template-columns:200px minmax(0,1fr) 250px;gap:14px}.f-right{display:grid}}
@media (max-width:1020px){.feed-grid{grid-template-columns:200px minmax(0,1fr)}.f-right{display:none}}
@media (min-width:721px) and (max-width:820px){.feed-grid{grid-template-columns:190px minmax(0,1fr)}.f-left{display:grid}}

/* ---------- cross-browser consistency ----------
   Firefox and newer Chrome/Edge hide scroll bars with scrollbar-width; Safari and older Chrome/Edge need the WebKit rule.
   Both are set for every list that scrolls without a visible bar, so it looks the same in every browser. */
.st-nav,.mt-list,.mx-none,.more-menu,.menu.biz-menu,.ng-mchips,.ng-pick,.fx-list,.fx-pop,.subnav,.tabs{-ms-overflow-style:none}
.st-nav::-webkit-scrollbar,.mt-list::-webkit-scrollbar,.mx-none::-webkit-scrollbar,.more-menu::-webkit-scrollbar,.menu.biz-menu::-webkit-scrollbar,.ng-mchips::-webkit-scrollbar,.ng-pick::-webkit-scrollbar{display:none;width:0;height:0}
/* grid and flex children may shrink below their content (Firefox and Safari otherwise let long text push dialogs sideways) */
.modal,.modal .stack,.modal .stack>*{min-width:0}
.modal{overflow-wrap:break-word}
/* older Safari: backdrop blur needs the prefixed property */
.modal-bg{-webkit-backdrop-filter:blur(4px)}

/* Presence (presence.js): a glowing green dot with a soft radar pulse on avatars of members online now */
.nav-av{position:relative}
.nav-av>.rh-online{position:absolute;right:4%;bottom:4%;width:max(10px,22%);height:max(10px,22%);max-width:22px;max-height:22px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#86efac,#22c55e 55%,#15803d);border:2px solid var(--surface,#fff);z-index:3;pointer-events:none;
  box-shadow:0 0 0 0 rgba(34,197,94,.55),0 0 10px rgba(34,197,94,.75)}
.nav-av>.rh-online::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(34,197,94,.6);animation:rh-ping 2.2s cubic-bezier(0,0,.2,1) infinite}
@keyframes rh-ping{0%{transform:scale(1);opacity:.9}80%,100%{transform:scale(2.1);opacity:0}}
.reduce-motion .nav-av>.rh-online::after{animation:none}
@media (prefers-reduced-motion:reduce){.nav-av>.rh-online::after{animation:none}}
html[data-theme="dark"] .nav-av>.rh-online{border-color:var(--surface,#0e1117)}
/* the "I voted" sticker sits bottom-right too: move the dot to the top-right when both show */
.nav-av:has(.av-voted)>.rh-online{bottom:auto;top:4%}
/* avatars clip to a circle; with a presence dot the photo clips itself so the dot can sit on the rim */
.nav-av.is-online{overflow:visible}
.nav-av.is-online>img{border-radius:50%}
.nav-av>.rh-online{right:2%;bottom:2%}
/* Jobs sidebar: the menu card is the one that must stay; on short windows the profile card steps aside instead */
.jh-left.rail-fitA>.card.jh-menu:not(.x),.jh-left.rail-fit2>.card.jh-menu:not(.x){display:grid!important}
/* v1.77.3: short windows shrink the profile card (no banner, no location) instead of removing it, so your job and school still show */
.jh-left.rail-fit2>.jh-me{display:block!important;padding:12px 14px}
.jh-left.rail-fit2>.jh-me .jh-cover,.jh-left.rail-fit2>.jh-me .jh-loc{display:none}
.jh-left.rail-fit2>.jh-me .jh-av{margin:0 0 6px}.jh-left.rail-fit2>.jh-me .jh-av .nav-av{width:44px!important;height:44px!important}
.jh-left.rail-fit2>.jh-me .jh-me-txt{padding:0}.jh-left.rail-fit2>.jh-me .jh-nm{font-size:1rem}
.jh-left.rail-fit2>.jh-me .jh-hl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem}
.jh-left.rail-fit2>.jh-me .jh-orgs{margin-top:8px;padding-top:8px;gap:6px}
/* sidebars and their cards can't grow wider than their column (long text truncates instead of overlapping the feed) */
.feed-grid>*,.ng-grid>*,.jh-grid>*,.rail-grid>*{min-width:0}
.f-left>*,.f-right>*,.ng-left>*,.jh-left>*{max-width:100%;min-width:0}

/* Home feed and Notifications at medium widths: the right sidebar no longer disappears.
   901 to 1020px: three narrower columns. 721 to 900px: two columns, with the right sidebar's cards under the left one. */
@media (min-width:901px) and (max-width:1020px){
  .feed-grid,.rh-feed.feed-grid{grid-template-columns:180px minmax(0,1fr) 220px!important;gap:12px}
  .feed-grid>.f-right{display:grid!important}
}
@media (min-width:721px) and (max-width:900px){
  .feed-grid,.rh-feed.feed-grid{grid-template-columns:200px minmax(0,1fr)!important;grid-template-areas:"left mid" "right mid";grid-template-rows:auto 1fr}
  .feed-grid>.f-left{grid-area:left;display:grid!important}
  .feed-grid>.f-right{grid-area:right;display:grid!important;align-content:start;gap:12px;position:static!important}
  .feed-grid>:not(.f-left):not(.f-right){grid-area:mid}
}
/* side card headers: title and "See all" stay on one line; See all sits at the right, the title truncates if needed */
.f-side>.spread{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:10px}
.f-side>.spread>b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-side>.spread>a{flex:none;margin:0;padding:0;white-space:nowrap}
/* v1.52.1 phones: one column for every three-column page (the 1020px tablet rule no longer leaks down to phones) */
@media (max-width:720px){
  .feed-grid,.rh-feed.feed-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;grid-template-rows:none!important}
  .feed-grid>.f-left,.feed-grid>.f-right{display:none!important}
  .feed-grid>.f-mid{grid-area:auto!important}
}
/* Sign out in the More menu and in the page footer */
.more-menu .mm-out{border-top:1px solid var(--line2);padding-top:6px;margin-top:4px}
.more-menu .mm-out .menu-signout{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;color:var(--text);font:600 .93rem var(--font);cursor:pointer;text-align:left}
.more-menu .mm-out .menu-signout .ico{width:18px;height:18px;color:var(--muted)}
.more-menu .mm-out .menu-signout:hover{background:color-mix(in srgb,var(--bad) 9%,transparent);color:var(--bad)}
.rail-foot .rf-signout{font-weight:600}
.rail-foot .rf-signout:hover{color:var(--bad)}
.menu{-webkit-overflow-scrolling:touch}
/* no stray scrolling on short pages: the season banner's top margin no longer leaks out of <body>, and framed
   Network/Jobs pages are only as tall as their content (the old fixed min-height ignored the banner and added ~100px) */
body{display:flow-root}
@media (min-width:900px){.ng-grid,.jh-grid{min-height:0}}
/* pages opened from the Jobs menu don't also show the Community tab row */
.jh-framed>.cm-subnav{display:none}
/* phones: the Jobs menu becomes one swipeable row of chips (like My Network), so the page content starts right away */
@media (max-width:720px){
  .jh-left>.jh-me,.jh-left>.ad-card,.jh-left>.ad-left,.jh-left>.rail-foot,.jh-left>.card:not(.jh-menu){display:none!important}
  .jh-left>.card.jh-menu{display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 1px!important;margin:0 -2px;border:0!important;background:none!important;box-shadow:none!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .jh-left>.card.jh-menu::-webkit-scrollbar{display:none}
  .jh-left>.card.jh-menu::before,.jh-left>.card.jh-menu::after{display:none!important}
  .jh-menu .jh-mi-sep,.jh-menu>:not(.jh-mi){display:none!important}
  .jh-menu .jh-mi{flex:none;gap:6px;padding:7px 12px!important;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--muted);font-size:.84rem!important;font-weight:500;white-space:nowrap;scroll-snap-align:start;box-shadow:none!important}
  .jh-menu .jh-mi .ico{width:16px!important;height:16px!important;color:var(--accent)}
  .jh-menu .jh-mi span:not(.badge){flex:none}
  .jh-menu .jh-mi.on{border-color:transparent;color:var(--on-accent,#fff);background:linear-gradient(135deg,var(--accent),var(--accent2))}
  .jh-menu .jh-mi.on .ico{color:inherit}
  .jh-menu .jh-mi .badge{font-size:.7rem;min-width:18px;height:18px;padding:0 5px}
  .subnav a.on,.rh-tool .subnav a.on{box-shadow:none}
}
/* v1.52.1 rescan fixes: matching buttons and chips */
html[data-theme="light"] .vote-where-chip{color:#0f766e;background:color-mix(in srgb,#2a9d8f 12%,#fff);border-color:color-mix(in srgb,#2a9d8f 40%,transparent)}
.pf-acts .btn.sm:first-child{padding:5px 14px}
.pf-acts .btn.sm,.pf-acts .pop>.btn,.pf-acts>.btn{min-height:32px;border-radius:999px}
.pf-acts .btn.ghost,.mp-share.btn.ghost{border:1px solid var(--line2)}
.tick-acts .btn,.tick-acts .el-btn-main{border-radius:999px}
p.pf-conn,p.pf-conn span,p.pf-conn span.dim{font-family:var(--font)!important;letter-spacing:normal!important}p.pf-conn span.dim{font-size:.88rem!important}
p.pf-conn a{font-family:var(--font)!important;font-weight:700}
.hb-adm-top>.chip{padding:3px 8px;line-height:1.2}
/* v1.52.2 Business menu: compact, two tools per row, fits the window without scrolling */
.menu.biz-menu{width:820px;max-height:none}
.menu.biz-menu .biz-col{padding:16px 18px;gap:1px}
.menu.biz-menu .biz-col:not(.biz-explore){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px}
.menu.biz-menu .biz-col:not(.biz-explore)>.biz-k,.menu.biz-menu .biz-col:not(.biz-explore)>h3,.menu.biz-menu .biz-col:not(.biz-explore)>.biz-grp{grid-column:1 / -1}
.menu.biz-menu .biz-col h3{margin:0 0 6px;font-size:1.05rem}
.menu.biz-menu .biz-grp{margin:8px 0 1px;font-size:.74rem;letter-spacing:.02em}
.menu.biz-menu a.biz-app{gap:10px;padding:5px 6px;font-size:.86rem;line-height:1.25}
.menu.biz-menu a.biz-app>span:last-child{min-width:0}
.menu.biz-menu .biz-app-ic{width:30px!important;height:30px!important;border-radius:9px}
.menu.biz-menu .biz-app-ic .ico{width:16px!important;height:16px!important}
.menu.biz-menu a.biz-exp{padding:6px 8px;gap:0}
.menu.biz-menu .biz-exp b{font-size:.9rem}.menu.biz-menu .biz-exp small{font-size:.78rem;line-height:1.35}
.menu.biz-menu a.biz-create{margin:8px 8px 0}
/* v1.52.2 wider pages on PC: the page uses more of the screen and the sidebars get a little more room (phones/tablets unchanged) */
@media (min-width:1300px){
  html body .feed-grid,html body .rh-feed.feed-grid{grid-template-columns:225px minmax(0,1fr) 300px;gap:20px}
  html body .ng-grid{grid-template-columns:290px minmax(0,1fr);gap:22px}
  html body .jh-grid{grid-template-columns:300px minmax(0,1fr);max-width:none}
  html body .st-wrap,html body .rh-tool .st-wrap{max-width:1320px;grid-template-columns:280px minmax(0,1fr)}
  html body .pb-art-grid{max-width:1240px;grid-template-columns:minmax(0,1fr) 300px}
}
/* v1.90.3 page width follows LinkedIn (about 1128px of content): --maxw is 1184px everywhere, wide screens no longer stretch the page */
/* Admin → Operations → Updates (automatic updates) */
.au-head{position:relative;overflow:hidden}
.au-head::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.au-head.off::before{background:linear-gradient(90deg,var(--warn,#f59e0b),color-mix(in srgb,var(--warn,#f59e0b) 40%,transparent))}
.au-head-top{display:flex;gap:14px;align-items:flex-start}
.au-head-top h3{margin:2px 0 4px}.au-head-top p{margin:0}
.au-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.au-head.off .au-ic{background:linear-gradient(135deg,#f59e0b,#d97706)}
.au-ic .ico{width:22px;height:22px}
.au-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.au-stats>div{padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:color-mix(in srgb,var(--text) 3%,transparent);min-width:0}
.au-stats small{display:block;color:var(--muted);font-size:.74rem}
.au-stats b{display:block;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-note{display:flex;gap:8px;align-items:center;margin:12px 0 0;color:var(--muted);font-size:.88rem}.au-note .ico{width:16px;height:16px;flex:none}
.au-how h3{margin:0 0 6px}
.au-cmd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.au-cmd:first-of-type{border-top:0}
.au-cmd code{font:600 .84rem var(--mono);padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);user-select:all}
.au-cmd span{color:var(--muted);font-size:.88rem}
.au-list{display:grid;gap:2px}
.au-row{display:flex;align-items:flex-start;gap:12px;padding:10px 4px;border-top:1px solid var(--line)}
.au-row:first-child{border-top:0}
.au-dot{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted)}
.au-dot .ico{width:15px;height:15px}
.au-good .au-dot{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}
.au-warn .au-dot{background:color-mix(in srgb,var(--warn,#f59e0b) 18%,transparent);color:var(--warn,#d97706)}
.au-bad .au-dot{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}
.au-info .au-dot{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.au-row-t{flex:1;min-width:0;display:grid;gap:2px}.au-row-t small{color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}
.au-row time{flex:none;font-size:.8rem}
@media (max-width:720px){.au-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v1.53.1 job list + job details: two matching panels on computers (sized in core.js), each scrolls on its own */
.rh-tool .detail-col>.card.detail,.detail-col>.card.detail{overflow-y:auto;overflow-x:hidden}
@media (min-width:1061px){
  .split.split-panes{align-items:start}
  .split.split-panes>.list-col,.split.split-panes>.detail-col>.detail{max-height:none;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:none}
  .split.split-panes>.list-col{position:sticky;top:calc(var(--head-h,64px) + 12px)}
  .split.split-panes>.detail-col>.detail{position:static}
  .split.split-panes>.list-col::-webkit-scrollbar,.split.split-panes>.detail-col>.detail::-webkit-scrollbar{display:none}
  .split.split-panes>.list-col{padding:2px 4px 2px 2px;margin:-2px -4px -2px -2px}
  .split.split-panes>.detail-col{position:sticky;top:calc(var(--head-h,64px) + 12px)}
  .detail.more-below::after{cursor:pointer}
}
/* v1.53.1 holiday and election banners: the same bold look, about 35% shorter, one row, melting into the top bar */
.season-bar:not(.folded){min-height:0!important;padding:8px 60px 16px!important;gap:14px;flex-wrap:nowrap}
.season-bar:not(.folded) .se-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.season-bar.el-bar:not(.folded) .el-bar-in{gap:14px;flex-wrap:nowrap!important}
.season-bar.el-bar:not(.folded) .el-bar-txt{display:grid;gap:0;min-width:0}
.season-bar.el-bar:not(.folded) .el-count{min-height:44px!important;min-width:56px;padding:2px 10px}
.season-bar.el-bar:not(.folded) .el-count b{font-size:1.6rem!important}
.season-bar.el-bar:not(.folded) .el-head{font-size:1.15rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.season-bar.el-bar:not(.folded) a.se-go,.season-bar.el-bar:not(.folded) .el-go{min-height:38px!important;padding:0 18px!important;flex:none;white-space:nowrap}
.season-bar.el-bar:not(.folded) .el-ballot{transform:scale(.85)}
.season-bar:not(.folded) .se-x,.season-bar:not(.folded) .se-fold{top:calc(50% - 4px)!important;transform:translateY(-50%)!important}
/* the blend: the menu bar's own background layer starts in the banner's colors and fades to the normal bar color,
   so the banner flows straight down into the menu with no seam (and the menu keeps a hint of the theme while scrolling) */
.season-bar ~ #app .head::before{background:linear-gradient(180deg,color-mix(in srgb,var(--season1,var(--accent)) 62%,transparent) 0%,color-mix(in srgb,var(--season2,var(--accent2)) 26%,transparent) 45%,transparent 100%),color-mix(in srgb,var(--bg) 88%,transparent)}
html:not([data-theme="dark"]) .season-bar ~ #app .head::before{background:linear-gradient(180deg,color-mix(in srgb,var(--season1,var(--accent)) 34%,transparent) 0%,color-mix(in srgb,var(--season2,var(--accent2)) 12%,transparent) 50%,transparent 100%),color-mix(in srgb,#fff 90%,transparent)}
.season-bar.el-bar ~ #app .head::before{background:linear-gradient(180deg,rgba(27,46,108,.98) 0%,rgba(20,40,100,.66) 38%,rgba(16,38,98,.18) 78%,transparent 100%),linear-gradient(100deg,rgba(179,19,43,.42) 0%,transparent 28%,transparent 72%,rgba(179,19,43,.42) 100%),color-mix(in srgb,var(--bg) 90%,transparent)}
html:not([data-theme="dark"]) .season-bar.el-bar ~ #app .head::before{background:linear-gradient(180deg,rgba(12,34,89,.42) 0%,rgba(12,34,89,.14) 45%,transparent 90%),linear-gradient(100deg,rgba(179,19,43,.16) 0%,transparent 26%,transparent 74%,rgba(179,19,43,.16) 100%),color-mix(in srgb,#fff 92%,transparent)}
.season-bar.folded ~ #app .head::before{background:linear-gradient(180deg,rgba(12,34,89,.5),transparent 70%),color-mix(in srgb,var(--bg) 90%,transparent)}
html:not([data-theme="dark"]) .season-bar.folded ~ #app .head::before{background:linear-gradient(180deg,rgba(12,34,89,.2),transparent 70%),color-mix(in srgb,#fff 92%,transparent)}
.season-bar ~ #app .head{background-image:none;border-bottom-color:transparent}
.season-bar.el-bar{box-shadow:none!important}
@media (max-width:900px){.season-bar.el-bar:not(.folded) .se-msg{display:none}}
@media (max-width:720px){
  .season-bar:not(.folded){padding:8px 50px 14px 12px!important;justify-content:flex-start!important}
  .season-bar.el-bar:not(.folded) .el-bar-in{flex-wrap:wrap!important;gap:8px 10px}
  .season-bar.el-bar:not(.folded) .el-bar-txt{flex:1 1 170px;min-width:170px}
  .season-bar.el-bar:not(.folded) .el-head{font-size:1rem!important;white-space:normal}
  .season-bar.el-bar:not(.folded) .el-count{min-height:40px!important}
  .season-bar.el-bar:not(.folded) .el-count b{font-size:1.35rem!important}
  .season-bar.el-bar:not(.folded) a.se-go,.season-bar.el-bar:not(.folded) .el-go{min-height:34px!important;width:auto!important;padding:0 16px!important;margin-left:auto}
  .season-bar.el-bar:not(.folded) .el-kick{display:none}
}
/* weather warnings and watches: a slim rounded strip right under the top menu, inside the page width */
#wx-strip.tick.wx-under{max-width:calc(var(--maxw) - 2 * clamp(16px,3vw,28px));margin:10px auto 0;width:calc(100% - 2 * clamp(16px,3vw,28px));height:36px;border-radius:12px;border-width:1px;padding:0 6px 0 12px;box-shadow:0 10px 24px -18px rgba(0,0,0,.6);position:relative;z-index:5}
#wx-strip.tick.wx-under.folded,#wx-strip.wx-under[data-folded="1"]{height:30px}
#wx-strip.wx-under .btn{min-height:26px;padding:0 12px;font-size:.78rem;border-radius:999px}
#wx-strip.wx-under + main,#wx-strip.wx-under ~ main{margin-top:0}
@media (max-width:720px){#wx-strip.tick.wx-under{margin-top:8px;height:34px;border-radius:10px}}
/* themed banner only: no dark seam. The bar's color layer also covers the bar's 3px top edge, and starts in the banner's last color */
.season-bar ~ #app .head::before{top:-3px}
.season-bar.el-bar ~ #app .head{border-top-color:transparent}
/* light mode: the dark banner melts into the light menu: its last 18px fade out over a bar that starts in the same navy */
html:not([data-theme="dark"]) .season-bar:not(.folded){-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),rgba(0,0,0,.35) 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 18px),rgba(0,0,0,.35) 100%)}
html:not([data-theme="dark"]) .season-bar.el-bar ~ #app .head::before{background:linear-gradient(180deg,rgba(27,46,108,.55) 0%,rgba(27,46,108,.2) 22%,rgba(27,46,108,.06) 55%,transparent 85%),linear-gradient(100deg,rgba(179,19,43,.16) 0%,transparent 26%,transparent 74%,rgba(179,19,43,.16) 100%),color-mix(in srgb,#fff 92%,transparent)}
/* Search all jobs: the search bar and filters stay pinned under the menu on computers; the panels sit right under it */
@media (min-width:1061px){
  .js-top{position:sticky;top:calc(var(--head-h,64px) + 12px);z-index:22;transition:box-shadow .2s,padding .2s}
  .js-top.stuck{box-shadow:0 18px 34px -22px rgba(0,0,0,.65)}
  .split.split-panes>.list-col{top:var(--pane-top,calc(var(--head-h,64px) + 12px))}
}
@media (min-width:1061px){
  /* on the two-panel job pages the page ends with the panels, so scrolling stops once they reach the pinned search bar
     (the footer links stay in the left column) */
  body:has(.split.split-panes) #app>footer.foot,body:has(.split.split-panes) main>.page-ad,body:has(.split.split-panes) #app>.page-ad{display:none!important}
  body:has(.split.split-panes) main.page{padding-bottom:0!important}
  body:has(.split.split-panes) .jh-framed,body:has(.split.split-panes) .jh-grid{padding-bottom:0;margin-bottom:0}
}
/* Admin → Settings → Mobile apps */
.mo-head{display:flex;gap:14px;align-items:flex-start}
.mo-head h3{margin:2px 0 4px}.mo-head p{margin:0 0 10px}
.mo-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.mo-ic .ico{width:22px;height:22px}
.mo-chips{display:flex;flex-wrap:wrap;gap:6px}
.mo-chips .chip{display:inline-flex;align-items:center;gap:5px}.mo-chips .chip .ico{width:14px;height:14px}
.mo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mo-key{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}
.mo-key>div{flex:1 1 260px;display:grid;gap:2px;min-width:0}
@media (max-width:720px){.mo-grid{grid-template-columns:minmax(0,1fr)}}
/* inside the phone apps: no plan purchases (store rules), no "install the app" or web-push hints */
.in-app-nopay a[data-go^="pricing"],.in-app-nopay a[href*="#/pricing"],.in-app-nopay a[data-go^="checkout"],.in-app-nopay .mm-prem,.in-app-nopay .pr-upgrade,.in-app-nopay [data-buy]{display:none!important}
.in-app .pwa-install,.in-app .install-app{display:none!important}
.in-app body{-webkit-user-select:none;user-select:none}
.in-app input,.in-app textarea,.in-app [contenteditable],.in-app .n-text,.in-app .post-body,.in-app p{-webkit-user-select:text;user-select:text}
.in-app{-webkit-tap-highlight-color:transparent}
.in-app .head{padding-top:max(8px,env(safe-area-inset-top))}
.in-app .bottom-bar{padding-bottom:env(safe-area-inset-bottom)}
.mo-code{font:600 .8rem var(--mono);padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);overflow-wrap:anywhere;user-select:all}
.mo-prices td{vertical-align:middle;white-space:nowrap}.mo-prices td .btn{margin-left:6px}
/* phone apps: Face ID lock screen, in-app purchase card and plan list */
.app-lock{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,#1d2b5c 0%,#0e1530 45%,#070a16 100%);color:#e8edf8}
.app-lock-in{display:grid;justify-items:center;gap:16px;text-align:center}
.app-lock-in .logo{width:84px;height:84px;color:#e8edf8;filter:drop-shadow(0 0 14px rgba(91,140,255,.55))}
.app-lock-in b{font:700 1.2rem var(--hfont)}
.iap-card{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line2));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--accent2) 9%,var(--surface)));display:grid;gap:12px;margin-bottom:14px}
.iap-card-t{display:flex;gap:12px;align-items:center}.iap-card-t small{display:block;color:var(--muted)}
.iap-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.iap-list{display:grid;gap:10px}
.iap-opt{display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}
.iap-opt b{font-size:1rem}.iap-opt span{font:700 1.05rem var(--hfont);color:var(--accent)}.iap-opt small{color:var(--muted)}
.iap-legal{font-size:.78rem;color:var(--muted);margin:4px 0 0}
/* Admin → Engagement → Mobile apps */
.as-head{display:flex;gap:14px;align-items:flex-start}.as-head h3{margin:2px 0 4px}.as-head p{margin:0 0 10px}
.as-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.as-tile{display:grid;gap:2px}.as-tile small{color:var(--muted);font-size:.78rem}.as-tile b{font:700 1.7rem var(--hfont)}.as-tile span{color:var(--muted);font-size:.8rem}
.as-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.as-two.flat .card{box-shadow:none}
.as-plat h3,.as-two h3{display:flex;align-items:center;gap:8px;margin:0 0 10px}.as-plat h3 .ico{width:18px;height:18px;color:var(--accent)}
.as-two dl,.as-plat dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:0}.as-two dt{color:var(--muted)}.as-two dd{margin:0;font-weight:700;text-align:right}
.as-bad{color:var(--bad)}
.as-chart{width:100%;height:auto;display:block}.as-ios{fill:var(--accent)}.as-and{fill:#34d399}.as-ax{font:11px var(--mono);fill:var(--muted)}
.as-legend{display:flex;gap:12px;font-size:.82rem;color:var(--muted)}.as-key::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--accent)}.as-key.and::before{background:#34d399}
@media (max-width:900px){.as-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.as-two{grid-template-columns:minmax(0,1fr)}}
/* ReconHire for iPhone and Android: coming soon / download badges (public/js/app-badges.js) */
.ab-wrap{display:grid;gap:8px;margin-top:18px}
.ab-k{font:600 .7rem var(--mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.ab-row{display:flex;flex-wrap:wrap;gap:10px}
.ab-badge{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px 8px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line2));
  background:linear-gradient(135deg,#0d1226,#1a1442);color:#fff;font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px -16px rgba(91,140,255,.8);transition:transform .15s,box-shadow .15s}
.ab-badge:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(123,97,255,.9);text-decoration:none}
.ab-badge svg{width:26px;height:26px;flex:none;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-ios svg{stroke:#9ec0ff}.ab-android svg{stroke:#6ee7b7}
.ab-t{display:grid;line-height:1.1}.ab-t small{font-size:.68rem;opacity:.75}.ab-t b{font:700 1.02rem var(--hfont,system-ui)}
.ab-soon{margin-left:6px;padding:3px 8px;border-radius:999px;font:700 .62rem var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:#1b1030;background:linear-gradient(135deg,#ffd166,#ff9f6b)}
.ab-badge.asked .ab-soon{color:#06281d;background:linear-gradient(135deg,#6ee7b7,#34d399)}
.ab-soon{white-space:nowrap}
.ab-badge.asked .ab-soon{font-size:0!important}
.ab-badge.asked .ab-soon::after{content:"✓ We’ll tell you";font:700 .62rem var(--mono,monospace);letter-spacing:.06em}
.ab-compact .ab-badge.asked .ab-soon::after{content:"✓ Notified";font-size:.56rem}
.ab-note{color:var(--muted);font-size:.8rem}
.ab-compact{margin-top:10px}.ab-compact .ab-row{gap:6px}
.ab-compact .ab-badge{min-height:0;padding:5px 10px 5px 8px;border-radius:10px;gap:6px;box-shadow:none}
.ab-compact .ab-badge svg{width:18px;height:18px}.ab-compact .ab-t small{display:none}.ab-compact .ab-t b{font-size:.8rem}
.ab-compact .ab-soon{font-size:.56rem;padding:2px 6px;margin-left:2px}
.rail-foot .ab-compact{justify-content:center}.rail-foot .ab-compact .ab-row{justify-content:center}
.ab-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;max-width:min(92vw,460px);padding:12px 16px;border-radius:12px;background:#111827;color:#fff;font-size:.9rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
html:not([data-theme="dark"]) .ab-badge{background:linear-gradient(135deg,#111a3a,#2a1f6b)}
.in-app .ab-wrap{display:none!important}
/* v1.56.1 app badges: bolder, glowing, matches the site (animated gradient edge, platform-tinted glass) */
@property --ab-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.ab-badge{border:0;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#0b1024 0%,#16123a 55%,#0d1a3a 100%);padding:9px 16px 9px 10px;min-height:56px;border-radius:16px;box-shadow:0 16px 34px -18px rgba(91,140,255,.95),inset 0 1px 0 rgba(255,255,255,.08)}
.ab-badge::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ab-a),#5b8cff,#b06bff,#ff4fd8,#22d3ee,#5b8cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:abSpin 6s linear infinite}
.ab-android::before{background:conic-gradient(from var(--ab-a),#34d399,#22d3ee,#5b8cff,#6ee7b7,#34d399)}
.ab-glow{position:absolute;inset:-40% -20% auto auto;width:70%;height:140%;z-index:-1;background:radial-gradient(closest-side,rgba(123,97,255,.38),transparent);pointer-events:none}
.ab-android .ab-glow{background:radial-gradient(closest-side,rgba(52,211,153,.30),transparent)}
.ab-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:linear-gradient(145deg,rgba(91,140,255,.22),rgba(176,107,255,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 18px -4px rgba(123,97,255,.7)}
.ab-android .ab-ic{background:linear-gradient(145deg,rgba(52,211,153,.2),rgba(34,211,238,.14));box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 18px -4px rgba(52,211,153,.6)}
.ab-badge .ab-ic svg{width:26px;height:26px;fill:none;stroke:none}
.ab-t b{font-size:1.08rem;letter-spacing:.01em;background:linear-gradient(90deg,#fff,#cfdcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-t small{letter-spacing:.04em}
.ab-soon{box-shadow:0 0 14px -2px rgba(255,159,107,.7);animation:abPulse 2.4s ease-in-out infinite}
.ab-badge.asked .ab-soon{box-shadow:0 0 14px -2px rgba(52,211,153,.7);animation:none}
.ab-badge:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 20px 40px -18px rgba(176,107,255,1),inset 0 1px 0 rgba(255,255,255,.1)}
.ab-badge:hover::before{animation-duration:2.2s}
.ab-compact .ab-badge{min-height:0;padding:5px 10px 5px 6px;border-radius:12px;box-shadow:0 8px 18px -14px rgba(91,140,255,.9)}
.ab-compact .ab-ic{width:24px;height:24px;border-radius:7px}.ab-compact .ab-ic svg{width:18px;height:18px}
.ab-compact .ab-glow{display:none}
@keyframes abSpin{to{--ab-a:360deg}}
@keyframes abPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
@media (prefers-reduced-motion:reduce){.ab-badge::before,.ab-soon{animation:none}}
/* app launch waitlist form */
.ab-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:16px;background:rgba(5,8,20,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:abFade .18s ease-out}
.ab-card{position:relative;width:min(440px,100%);padding:26px 24px 20px;border-radius:20px;color:#e8edf8;text-align:left;
  background:radial-gradient(120% 90% at 0% 0%,rgba(176,107,255,.28),transparent 55%),radial-gradient(110% 90% at 100% 100%,rgba(34,211,238,.20),transparent 55%),linear-gradient(160deg,#0d1226,#15113a);
  box-shadow:0 30px 70px -28px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);animation:abPop .22s cubic-bezier(.2,.9,.3,1.2)}
.ab-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ab-a),#5b8cff,#b06bff,#ff4fd8,#22d3ee,#5b8cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:abSpin 6s linear infinite;pointer-events:none}
.ab-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.ab-done .ab-x{position:static;width:auto;height:auto}
.ab-card-ic{display:flex;gap:8px;margin-bottom:12px}.ab-card-ic svg{width:34px;height:34px;padding:6px;border-radius:12px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ab-card h3{margin:4px 0 6px;font:700 1.35rem var(--hfont,system-ui);color:#fff}
.ab-card p{margin:0 0 16px;color:#b8c3e0;font-size:.93rem;line-height:1.5}
.ab-card .ab-k{color:#9ec0ff}
.ab-form{display:grid;gap:12px}
.ab-lab{display:grid;gap:6px;font-size:.8rem;color:#b8c3e0}
.ab-in{font:inherit;font-size:1rem;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;outline:none}
.ab-in:focus{border-color:#7b8cff;box-shadow:0 0 0 3px rgba(123,140,255,.3)}
.ab-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-pick label{position:relative;cursor:pointer}
.ab-pick input{position:absolute;opacity:0;pointer-events:none}
.ab-pick span{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-weight:700;transition:all .15s}
.ab-pick span svg{width:22px;height:22px}
.ab-pick input:checked+span{border-color:transparent;background:linear-gradient(135deg,rgba(91,140,255,.35),rgba(176,107,255,.35));box-shadow:inset 0 0 0 1.5px #8ea8ff,0 8px 20px -10px rgba(123,97,255,.9)}
.ab-pick input:focus-visible+span{outline:2px solid #8ea8ff;outline-offset:2px}
.ab-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ab-go{font:700 1rem var(--font,system-ui);padding:13px 18px;border:0;border-radius:999px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8fff,#7b61ff 55%,#c04fff);box-shadow:0 12px 28px -12px rgba(123,97,255,.95)}
.ab-go:disabled{opacity:.7;cursor:default}
.ab-err{margin:0;color:#ff8a9a;font-size:.86rem}
.ab-fine{color:#8f9bbd;font-size:.75rem;text-align:center}.ab-fine a{color:#b8c8ff}
.ab-done{display:grid;justify-items:center;text-align:center;gap:4px;padding:10px 0 2px}
.ab-check{display:grid;place-items:center;width:58px;height:58px;border-radius:999px;font-size:28px;color:#06281d;background:linear-gradient(135deg,#6ee7b7,#34d399);box-shadow:0 0 28px -4px rgba(52,211,153,.8);margin-bottom:6px}
@keyframes abFade{from{opacity:0}}@keyframes abPop{from{opacity:0;transform:translateY(10px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.ab-card,.ab-modal{animation:none}.ab-card::before{animation:none}}
/* admin tables with a pinned header row (Roles and access, and any other sticky thead) sit below the pinned admin tab bar */
.adm-layout .ac-table thead th,.adm-layout table.sticky-head thead th{top:calc(var(--head-h,64px) + var(--adm-sub-h,0px))!important;z-index:20}
.adm-layout .ac-table thead .ac-pcol{z-index:21}
/* scheduled maintenance heads-up (live.js) */
.maint-soon{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:210;display:flex;align-items:center;gap:10px;max-width:min(92vw,720px);padding:10px 14px;border-radius:14px;font-size:.88rem;line-height:1.35;color:#fff;background:linear-gradient(135deg,#b45309,#dc2626);box-shadow:0 20px 40px -18px rgba(0,0,0,.7)}
.maint-soon.on{background:linear-gradient(135deg,#1d4ed8,#7c3aed)}
.maint-soon .ms-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:msDot 1.2s ease-in-out infinite}
@keyframes msDot{50%{opacity:.3}}
.maint-soon b{white-space:nowrap}
.maint-soon .ms-x{margin-left:auto;background:rgba(255,255,255,.18);border:0;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1}
@media (max-width:600px){.maint-soon{flex-wrap:wrap;bottom:72px}}
/* notifications: compact LinkedIn-style rows, paged */
.n-filters{align-items:center;justify-content:space-between}
.n-filters .n-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.n-filters .n-head h2{margin:0;font-size:1.15rem}
.n-markall{margin-left:auto}
.n-item{grid-template-columns:8px 40px 1fr auto;gap:10px;padding:11px 12px 11px 8px;border-bottom:1px solid var(--line)}
.n-item.unread{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.n-item:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.n-item.unread:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.n-ic{width:40px;height:40px;border-radius:50%}
.n-body{gap:6px;padding-top:0}
.n-text{font-size:.92rem;line-height:1.4}
.n-text .n-fold{color:var(--muted);font-size:.8rem;white-space:nowrap}
.n-body .n-act{padding:5px 12px;font-size:.82rem;border-radius:999px}
.n-side time{font-size:.74rem}
.n-more-btn{display:block;width:calc(100% - 24px);margin:10px 12px 12px;border-radius:999px}
.n-more-btn[hidden]{display:none}

/* Notifications: footer links and app buttons live under the left ad (like My Network); the bottom footer only shows when that column is hidden */
.n-left:not(.rail-fit1) .rail-foot{display:grid;margin-top:4px;font-size:.76rem}
@media (min-width:821px){body:has(.n-left:not(.rail-fit1) .rail-foot) .foot-app{display:none}}
/* Notifications left column: compact so the footer fits under the ad */
.n-left .n-me .f-me-cover{height:40px}.n-left .n-me .f-me-av{margin:-30px 0 6px 14px}.n-left .n-me{padding-bottom:10px}.n-left .n-me .hl{margin:2px 0 0;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.n-left .n-me .nm{padding:0 16px;display:block}.n-left .n-me .hl{padding:0 16px}
.n-prefs{display:grid;padding:4px 14px;margin-top:10px}.n-pref{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;color:var(--text);text-decoration:none;font-size:.88rem}
.n-pref+.n-pref{border-top:1px solid var(--line)}.n-pref .ico{color:var(--accent);width:16px;height:16px}
.n-left .ad-mini{padding:10px 12px;gap:6px}
.n-left .ad-mini .ad-body b{font-size:.86rem;line-height:1.2}.n-left .ad-mini .ad-body p{font-size:.76rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 0}
.n-left .ad-mini .ad-cta{padding:6px 12px;font-size:.78rem}
.n-left .n-me .hl{display:none}.n-left .n-me .f-me-cover{height:34px}.n-left .n-me .f-me-av{margin:-26px 0 4px 14px}
.n-left .ad-mini .ad-label{font-size:.58rem}
.n-left .rail-foot{gap:7px}

/* Mark all read: a warm yellow button so it's easy to spot */
html body .n-markall{margin-left:auto;background:linear-gradient(135deg,#ffd43b,#ffb703)!important;color:#2b1d00!important;border:0!important;font-weight:700;box-shadow:0 4px 14px rgba(255,183,3,.35);transition:transform .15s,box-shadow .15s,filter .15s}
html body .n-markall:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 18px rgba(255,183,3,.5)}
html body .n-markall:active{transform:none}
html body .n-markall .ico{color:#2b1d00}
@media (prefers-reduced-motion:no-preference){html body .n-markall:not([disabled]){animation:nmpulse 3.2s ease-in-out infinite}@keyframes nmpulse{0%,100%{box-shadow:0 4px 14px rgba(255,183,3,.35)}50%{box-shadow:0 4px 22px rgba(255,183,3,.6)}}}

/* "Happening on ReconHire" card: even spacing, name and badges on one line, one-line headline */
html body .act-card{gap:8px}
html body .act-card>.rh-kick{margin-bottom:0}
html body .act-card>b{margin:0 0 2px;font-size:1.1rem;line-height:1.25}
html body .act-grid{gap:8px;margin:2px 0 4px}
html body .act-grid div{padding:10px 4px;gap:4px}
html body .act-grid small{font-size:.62rem;line-height:1.35;letter-spacing:.06em}
html body .act-sub{margin:6px 0 0}
html body .act-person{gap:10px;padding:6px 0;align-items:center}
html body .act-person>span{flex:1;min-width:0;gap:2px}
html body .act-person b{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;font-size:.9rem;line-height:1.25}
html body .act-person b .vbadges{display:inline-flex;flex:none;gap:4px;margin-left:auto}
html body .act-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
html body .act-person .nav-av{flex:none;width:36px!important;height:36px!important;min-width:36px}

/* compact profile menu: same items, less height and width */
.menu.me-menu{width:300px;padding:8px;gap:5px;border-radius:14px}
.menu.me-menu a.mm-profile{padding:8px 10px;gap:10px;border-radius:12px}
.menu.me-menu a.mm-profile .nav-av,.menu.me-menu a.mm-profile .nav-av img{width:40px;height:40px}
.mm-profile-t{gap:0}
.mm-profile-t b{font-size:.92rem}
.mm-profile-t small{font-size:.74rem;-webkit-line-clamp:1}
.menu.me-menu a.mm-card{padding:6px 10px;gap:10px;border-radius:12px}
.mm-card>.ico:first-child{padding:5px;width:16px;height:16px;border-radius:8px}
.mm-card-t{gap:0}
.mm-card-t b{font-size:.85rem}
.mm-card-t small{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu.me-menu .wx-now{padding:5px 10px;font-size:.8rem}
.mm-list{padding:2px 0 0;gap:0}
.me-menu .mm-item{padding:6px 8px;gap:10px;font-size:.86rem;border-radius:8px}
.me-menu .mm-item>.ico{width:17px;height:17px}
.me-menu .mm-theme{padding:4px 8px;gap:8px}
.me-menu .mm-theme-l{font-size:.86rem;gap:10px}
.me-menu .mm-theme-l .ico{width:17px;height:17px}
.mm-foot{padding:6px 4px 0}
.me-menu .mm-signout{padding:4px 8px;font-size:.88rem}
/* folded alert banners shrink to a small pill (arrow + count) instead of a full-width bar */
.tick.tick-folded,#wx-strip.tick.wx-under.tick-folded{width:fit-content!important;max-width:calc(100% - 32px)!important;min-width:0;height:24px!important;padding:0!important;margin-left:auto!important;margin-right:auto!important;border-radius:999px!important;box-shadow:none!important;overflow:hidden}
#wx-strip.tick.wx-under.tick-folded{margin-top:6px!important}
.tick.tick-folded .tick-fold{height:24px;padding:0 12px 0 10px;margin:0;background:transparent;font-size:.72rem}