/* Employer sections on the home page: tabs, live listings, email replica, job page, pricing, map. 2026-10-13 */
body.faa{overflow-x:hidden}
.emp{background:#f7f8f9;width:100vw;position:relative;left:50%;margin-left:-50vw;padding:64px 24px 70px;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;color:#2f3b4a;line-height:1.5}
.emp.alt{background:#fff}
.emp *{box-sizing:border-box}
.emp-in{max-width:1160px;margin:0 auto}
.emp h2{margin:0;text-align:center;font:300 34px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#2f3b4a}
.emp .sub{text-align:center;color:#8a95a1;font-size:15px;line-height:1.6;margin:12px auto 0;max-width:640px}
.emp a{color:#1a67b2}
.emp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 34px;border-bottom:1px solid #e3e6ea;margin:36px 0 44px;overflow:visible}
.emp-tab{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:0 2px 12px;font:600 13px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#3b4b5b;cursor:pointer;border-radius:0}
.emp-tab:hover{color:#e8513c}
.emp-tab[aria-selected="true"]{border-bottom-color:#e8513c;color:#2f3b4a}
.emp-panel[hidden]{display:none}
.emp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.emp-grid.wide{grid-template-columns:1fr 1.4fr}
.emp-card{background:#fff;border:1px solid #e3e6ea;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:22px 24px}
.emp-card h3{margin:0 0 6px;font:600 17px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#2f3b4a}
.emp-card .meta{color:#8a95a1;font-size:13px;margin:0 0 16px}
.emp-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.emp-steps li{position:relative;padding:0 0 18px 44px;counter-increment:s;color:#4b5563;font-size:15px}
.emp-steps li:before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;border:2px solid #e8513c;color:#e8513c;font:700 13px/24px Arial,sans-serif;text-align:center}
.emp-steps li b{display:block;color:#2f3b4a;font-size:16px;margin-bottom:2px}
.emp-form label{display:block;font:600 12px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#6b7785;margin:14px 0 6px}
.emp-form input,.emp-form select,.emp-form textarea{width:100%;border:1px solid #d9dee4;border-radius:3px;padding:9px 10px;font:14px/1.4 Arial,sans-serif;color:#2f3b4a;background:#fff}
.emp-form textarea{min-height:96px;resize:vertical}
.emp-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.emp-form .btn{margin-top:18px;width:100%;background:#e8513c;color:#fff;border:0;border-radius:3px;padding:13px;font:600 14px/1 Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.emp-form .btn:hover{background:#d4462f}
.emp-form .note{color:#8a95a1;font-size:12px;margin:10px 0 0;text-align:center}
.emp-joblist{list-style:none;margin:0;padding:0}
.emp-joblist li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f3}
.emp-joblist li:last-child{border-bottom:0}
.emp-joblist .lg{width:42px;height:42px;flex:none;border-radius:4px;border:1px solid #eef0f3;background:#fff;object-fit:contain;padding:3px}
.emp-joblist .ini{width:42px;height:42px;flex:none;border-radius:4px;background:#eef1f4;color:#4b5563;font:700 15px/42px Arial,sans-serif;text-align:center}
.emp-joblist .t{flex:1;min-width:0}
.emp-joblist .t a{font-weight:600;color:#1a67b2;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp-joblist .t a:hover{text-decoration:underline}
.emp-joblist .t span{display:block;color:#6b7785;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp-joblist .d{color:#9aa5b1;font-size:12px;white-space:nowrap}
.emp-joblist .tag{font:600 9px/1 Arial,sans-serif;color:#8a6d00;background:#fff3b0;padding:5px 7px;border-radius:2px;letter-spacing:.5px;flex:none}
.emp-more{display:inline-block;margin-top:14px;font-weight:600}
.emp-mail{background:#fff;border:1px solid #e3e6ea;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;font-family:arial,sans-serif;max-width:600px;margin:0 auto}
.emp-mail .hd{background:#f3f4f6;padding:10px 16px;font-size:12px;color:#6b7785;border-bottom:1px solid #e3e6ea;line-height:1.7}
.emp-mail .hd b{color:#2f3b4a}
.emp-mail .bd{padding:14px 15px 6px}
.emp-mail .bd img.logo{height:36px;display:block;margin:4px 0 12px}
.emp-mail .intro{color:#333;font-size:14px;line-height:24px;margin:0 0 10px}
.emp-mail .intro span{color:#888}
.emp-mail .job{padding:15px;border-top:1px solid #eee}
.emp-mail .job.first{background:#fafafa;border-top:0}
.emp-mail .job a.tt{color:#1a67b2;text-decoration:underline;font-weight:700;font-size:14px}
.emp-mail .job .co{color:#333;font-size:13px;line-height:2em}
.emp-mail .job a.ap{color:#6dbe45;text-decoration:none;font-size:13px;font-weight:700}
.emp-mail .ft{padding:14px 15px;background:#ebf6f6;color:#666;font-size:12px;line-height:1.6}
.emp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.emp-stat{background:#fff;border:1px solid #e3e6ea;border-radius:4px;padding:14px;text-align:center}
.emp-stat b{display:block;font-size:24px;color:#e8513c;line-height:1.1}
.emp-stat span{display:block;color:#6b7785;font-size:12px;margin-top:4px}
.emp-jobpage .top{display:flex;gap:16px;align-items:flex-start}
.emp-jobpage .top img{width:64px;height:64px;object-fit:contain;border:1px solid #eef0f3;border-radius:4px;padding:4px;background:#fff;flex:none}
.emp-jobpage h3{font-size:20px}
.emp-jobpage .desc{color:#4b5563;font-size:14px;line-height:1.7;margin:14px 0}
.emp-jobpage .apply{display:inline-block;background:#e8513c;color:#fff;text-decoration:none;font:600 13px/1 Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:12px 22px;border-radius:3px}
.emp-jobpage .apply:hover{background:#d4462f;color:#fff}
.emp-minimap{height:220px;border-radius:4px;border:1px solid #e3e6ea;margin-top:16px;background:#eef1f4}
.emp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.emp-plan{background:#fff;border:1px solid #e3e6ea;border-radius:4px;padding:26px 24px;text-align:center;position:relative}
.emp-plan.hot{border-color:#e8513c;box-shadow:0 2px 10px rgba(232,81,60,.12)}
.emp-plan .badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#e8513c;color:#fff;font:600 10px/1 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;padding:6px 10px;border-radius:10px}
.emp-plan h3{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.6px;color:#6b7785}
.emp-plan .price{font:300 40px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#2f3b4a;margin:12px 0 2px}
.emp-plan .per{color:#9aa5b1;font-size:12px;margin-bottom:16px}
.emp-plan ul{list-style:none;margin:0 0 20px;padding:0;text-align:left}
.emp-plan li{padding:7px 0 7px 24px;border-top:1px solid #f1f3f5;color:#4b5563;font-size:14px;position:relative}
.emp-plan li:before{content:"";position:absolute;left:4px;top:13px;width:6px;height:10px;border:solid #6dbe45;border-width:0 2px 2px 0;transform:rotate(45deg)}
.emp-plan .btn{display:block;background:#e8513c;color:#fff;text-decoration:none;font:600 13px/1 Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:12px;border-radius:3px}
.emp-plan .btn.g{background:#eef1f4;color:#2f3b4a}
.emp-cta{text-align:center;margin-top:40px;color:#8a95a1;font-size:13px}
.emp-feature{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center}
.emp-feature h3{color:#e8513c;font:600 14px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px}
.emp-feature p{color:#6b7785;font-size:17px;line-height:1.7;margin:0 0 18px}
.emp-cities{list-style:none;margin:0;padding:0}
.emp-cities li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef0f3;font-size:14px}
.emp-cities li a{text-decoration:none;font-weight:600}
.emp-cities li span{color:#8a95a1}
.emp-frame{background:#e9ecef;padding:28px;border-radius:4px;position:relative}
.emp-map{height:440px;border-radius:4px;background:#dfe5ec;position:relative;z-index:0}
.emp-map .leaflet-popup-content{font:13px/1.5 Arial,sans-serif;margin:12px 14px}
.emp-map .leaflet-popup-content b{display:block;margin-bottom:4px}
.emp-map .leaflet-popup-content a{display:block;color:#1a67b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.emp-map .leaflet-popup-content a.all{margin-top:6px;font-weight:700}
.emp-note{position:absolute;z-index:2;background:#fff;border:1px solid #dfe3e8;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:12px 16px;font:600 13px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#3b4b5b;text-transform:uppercase;letter-spacing:.4px;display:flex;gap:10px;align-items:center;max-width:230px}
.emp-note i{width:14px;height:14px;border-radius:3px;background:#e8513c;display:block;flex:none}
.emp-note.l{left:-40px;top:24px}
.emp-note.r{right:-40px;bottom:54px}
.emp-empty{color:#8a95a1;font-size:14px;text-align:center;padding:30px 0}
@media (max-width:860px){
  .emp{padding:44px 18px 50px}
  .emp h2{font-size:26px}
  .emp-tabs{gap:4px 22px;margin:28px 0 30px}
  .emp-tab{padding:8px 2px 10px}
  .emp-grid,.emp-grid.wide,.emp-feature,.emp-pricing{grid-template-columns:1fr}
  .emp-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .emp-stat b{font-size:20px}
  .emp-note.l{left:8px;top:8px}
  .emp-note.r{right:8px;bottom:8px}
  .emp-frame{padding:16px}
  .emp-map{height:360px}
  .emp-form .two{grid-template-columns:1fr}
}