.kcol.drop{outline:2px dashed var(--brand)}
.kcard[draggable=true]{cursor:grab}.kcard .name{font-weight:600}.kcard .meta{font-size:.82rem;color:var(--muted)}
.kcard .acts{display:flex;gap:6px;margin-top:6px}.kcard .acts .btn{padding:2px 8px;font-size:.8rem}
.jd h2,.jd h3,.jd h4{margin:1em 0 .3em}.jd ul,.jd ol{padding-left:1.3em}
.bar.score>span{background:var(--ok)}.bar.warn>span{background:var(--warn)}.bar.bad>span{background:var(--bad)}
.filters{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}
.job-card{display:block;text-decoration:none;color:inherit}.job-card:hover{border-color:var(--brand)}
.hero{padding:24px 0}.hero h1{font-size:1.9rem}
.sticky-bulk{position:sticky;bottom:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin-top:12px;z-index:5}
.sr-only{position:absolute;left:-9999px}
.compare{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
@media (max-width:600px){.hero h1{font-size:1.5rem}.kcol{min-width:85vw}}