/* Merits in the Companies/Jobs shell: thin perk rows. */
#cx [hidden]{display:none!important}
#cx .mr-body{padding-top:18px;display:grid;gap:10px;align-content:start}
#cx .cx-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}
#cx .cx-nav button:hover{background:rgba(255,255,255,.05)}
#cx .cx-nav button.is-active{background:rgba(224,184,76,.12);color:#f0d68a}
#cx .cx-nav button em{margin-left:auto;font-style:normal;font:600 11px var(--font-mono,monospace);color:var(--cx-muted)}
#cx .mr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#cx .mr-stats article{display:grid;gap:1px;align-content:start;padding:8px 12px;border:1px solid var(--cx-line);border-radius:10px;background:var(--cx-panel)}
#cx .mr-stats small{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-muted)}
#cx .mr-stats strong{font-size:18px;font-variant-numeric:tabular-nums}
#cx .mr-stats .is-gold{border-color:rgba(224,184,76,.4);background:rgba(224,184,76,.07)}
#cx .mr-stats .is-gold strong{color:#f0d68a}
#cx .mr-bar{height:5px;margin-top:3px;border-radius:99px;background:#232c38;overflow:hidden}
#cx .mr-bar>div{height:100%;width:0;background:#e0b84c;transition:width .3s}
#cx .mr-note{padding:6px 12px;border:1px solid var(--cx-line);border-radius:9px;font-size:12px;color:var(--cx-muted)}
#cx .mr-message{padding:7px 12px;border:1px solid var(--cx-line);border-radius:9px;font-size:12.5px}
#cx .mr-message[data-tone=success]{border-color:rgba(79,215,134,.4);color:#a8f2c5}
#cx .mr-message[data-tone=error]{border-color:rgba(240,109,114,.45);color:#ffb4b8}
#cx .mr-tracks{display:grid;gap:10px}
#cx .merit-track__tagline{font-size:11.5px;color:var(--cx-muted)}
#cx .mr-mtabs{display:none}

#cx .merit-list{display:grid}
#cx .merit-item{border-bottom:1px solid var(--cx-line)}
#cx .merit-item:last-child{border-bottom:0}
#cx .merit-row{display:grid;grid-template-columns:30px minmax(0,1.1fr) minmax(0,1.6fr) 120px 100px 130px;gap:12px;align-items:center;padding:6px 14px}
#cx .merit-row:hover{background:rgba(255,255,255,.03)}
#cx .merit-row.is-maxed{box-shadow:inset 3px 0 #4fd786}
#cx .merit-node{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#242c37;color:#f0d68a}
#cx .is-maxed .merit-node{color:#8be9ae}
#cx .merit-row__identity{display:grid;min-width:0;gap:2px;text-align:left}
#cx .merit-row__toggle{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
#cx .merit-row__toggle strong::after{content:"\25BE";margin-left:6px;font-size:11px;color:var(--cx-muted);display:inline-block;transition:transform .15s}
#cx .merit-item.is-open .merit-row__toggle strong::after{transform:rotate(180deg)}
@media (min-width:1201px){
  #cx .merit-detail{display:none!important}
  #cx .merit-row__toggle{cursor:default;pointer-events:none}
  #cx .merit-row__toggle strong::after{display:none}
}
#cx .merit-row__toggle:focus-visible{outline:2px solid #e0b84c;outline-offset:2px;border-radius:6px}
#cx .merit-row__identity strong{font-size:13.5px;color:#f4f6f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cx .merit-row__identity small{font-size:11px;color:var(--cx-muted)}
#cx .merit-row__status{margin-left:6px;padding:0 5px;border:1px solid var(--cx-line);border-radius:5px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#cx .merit-row__status--ready{color:#f0d68a;border-color:rgba(224,184,76,.45)}
#cx .merit-row__status--maxed{color:#8be9ae;border-color:rgba(79,215,134,.4)}
#cx .merit-stars{display:flex;gap:2px;color:#2f3947;font-size:12px;line-height:1}
#cx .merit-stars .is-filled{color:#e0b84c}
#cx .is-maxed .merit-stars .is-filled{color:#4fd786}
#cx .merit-row__description{margin:0;font-size:12px;line-height:1.4;color:var(--cx-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#cx .merit-detail{display:grid;gap:8px;padding:8px 14px 12px 56px;border-top:1px dashed var(--cx-line);background:rgba(255,255,255,.02)}
#cx .merit-detail__text{margin:0;font-size:13px;line-height:1.45;color:#d7dde4}
#cx .merit-row__stat,#cx .merit-row__cost{display:grid;min-width:0}
#cx .merit-row__stat small,#cx .merit-row__cost small{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-muted)}
#cx .merit-row__stat strong,#cx .merit-row__cost strong{font:600 12.5px var(--font-mono,monospace);white-space:nowrap}
#cx .merit-row__stat em{font-style:normal;color:var(--cx-muted)}
#cx .merit-row__cost strong{color:#f0d68a}
#cx .merit-row__button{width:100%;min-height:28px!important;padding:4px 8px!important;font-size:12px!important;white-space:nowrap}
#cx .merit-row__button:disabled{opacity:1;cursor:not-allowed;background:rgba(255,255,255,.04)!important;border:1px solid var(--cx-line)!important;color:var(--cx-muted)!important}
#cx .is-flush .cx-empty,#cx .mr-tracks>.cx-empty{border-radius:10px;padding:14px;font-size:13px}

@media (max-width:1200px){
  #cx .merit-row{grid-template-columns:30px minmax(0,1fr) 110px 100px 120px}
  #cx .merit-row__description{display:none}
}
@media (max-width:1000px){
  #cx .cx-nav button{width:auto;white-space:nowrap}
}
@media (max-width:760px){
  #cx .mr-body{padding:8px!important;padding-bottom:84px!important;gap:6px}
  #cx .mr-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #cx .mr-stats article{padding:4px 9px}
  #cx .mr-stats strong{font-size:14px}
  #cx .mr-note{font-size:11px;padding:5px 10px}
  #cx .mr-mtabs{display:flex;gap:4px}
  #cx .mr-mtabs button{flex:1 1 0;min-width:0;padding:5px 2px;border:1px solid var(--cx-line);border-radius:7px;background:none;color:var(--cx-muted);font:inherit;font-size:11px!important;font-weight:700;white-space:nowrap;cursor:pointer}
  #cx .mr-mtabs button.active{background:rgba(224,184,76,.12);border-color:rgba(224,184,76,.4);color:#f0d68a}
  #cx .merit-row{grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;padding:6px 10px}
  #cx .merit-node{grid-row:1/3;align-self:start}
  #cx .merit-row__stat{grid-column:2;grid-row:2;grid-template-columns:auto auto;justify-content:start;gap:8px}
  #cx .merit-row__stat small{display:none}
  #cx .merit-row__cost{grid-column:3;grid-row:2;text-align:right}
  #cx .merit-row__cost small{display:none}
  #cx .merit-row__button{grid-column:3;grid-row:1;width:auto;max-width:130px}
  #cx .merit-detail{padding:8px 10px 10px}
      }