/* A job brief, built for a quick decision on a phone. */
.job-demo{padding:0;overflow:hidden;border:1px solid #DCE3EB;border-radius:16px;transform:none;box-shadow:0 16px 36px #06101f18;background:#fff;color:#14243A}
.job-demo .job-demo-top{padding:15px 22px;min-height:52px;background:#F7F8FA;border-bottom:1px solid #DCE3EB;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.job-demo .job-demo-top>span{font-size:11px;line-height:18px;letter-spacing:1px;color:#2458D3;font-weight:750;gap:8px}
.job-demo .live-dot{width:6px;height:6px;background:#2458D3;box-shadow:none;animation:none;flex-shrink:0}
.job-demo .job-demo-top small{font-size:11px;color:#64748B;background:transparent;padding:0}
.job-card-brief{padding:22px 22px 20px}
.job-category{display:inline-block;padding:6px 10px;border:1px solid #DCE3EB;border-radius:6px;background:#F7F8FA;color:#475569;font-size:12px;font-weight:650;line-height:18px;margin-bottom:14px}
.job-demo h3{font-size:25px;line-height:1.22;letter-spacing:-.7px;font-weight:750;margin:0 0 12px;color:#14243A;overflow-wrap:anywhere}
.job-demo .job-location{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;color:#475569;font-size:13px;line-height:20px}
.job-demo .job-location>span{display:flex;align-items:center;gap:6px}
.job-demo .job-location svg{width:15px;height:15px;color:#64748B;flex-shrink:0}
.job-demo .job-description{font-size:15px;line-height:1.6;color:#475569;margin:17px 0 0;padding:0;border:0;min-height:0;overflow-wrap:anywhere;white-space:pre-line}
.job-demo .job-facts{margin:18px 0 0;padding:15px 0 0;border:0;border-top:1px solid #E8EDF3;display:grid;gap:9px}
.job-demo .job-facts>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;margin:0;font-size:13px;line-height:1.55}
.job-demo .job-facts dt{color:#64748B;font-weight:500}
.job-demo .job-facts dd{margin:0;color:#14243A;overflow-wrap:anywhere}
.job-card-footer{display:grid;gap:16px;border-top:1px solid #DCE3EB;padding:18px 22px 0}
.job-locked-contact{display:flex;align-items:flex-start;gap:10px;color:#64748B}
.job-locked-contact>svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}
.job-locked-contact>div{display:grid;gap:3px}
.job-locked-contact strong{font-size:13px;line-height:19px;color:#475569;font-weight:650}
.job-locked-contact span,.job-locked-contact small{font-size:12px;line-height:18px;color:#64748B}
.job-demo .demo-unlock{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;margin:0;padding:13px 16px;border-radius:9px;font-size:15px;font-weight:700;background:#2458D3;color:#fff}
.job-demo .demo-unlock svg{width:17px;height:17px}
.job-demo .demo-unlock:disabled{background:#EAF0FE;color:#526B9B;opacity:1;cursor:not-allowed}
.job-example-note{margin:10px 18px 16px;font-size:11px;line-height:17px;color:#64748B;text-align:center}
.demo-selector{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.demo-selector>span{font-size:11px;color:#BECCE0}
.demo-selector .demo-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.demo-selector .demo-tabs button{min-height:38px;padding:8px 10px;font-size:12px;background:transparent;border:1px solid #64748B;color:#DCE3EB;border-radius:6px}
.demo-selector .demo-tabs button.active{background:#EAF0FE;border-color:#EAF0FE;color:#2458D3}
.demo-tabs button:focus-visible,.demo-unlock:focus-visible{outline:3px solid #85ADFF;outline-offset:3px}
.opportunity-card{margin:0 0 18px;max-width:640px;box-shadow:none}
.opportunity-card:last-child{margin-bottom:0}
@media(min-width:1200px){.job-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}.job-demo .demo-unlock{min-width:170px}.job-example-note{text-align:right;margin-right:22px}}
@media(max-width:420px){.job-card-brief{padding:18px}.job-demo .job-demo-top{padding:13px 18px}.job-demo h3{font-size:23px}.job-card-footer{padding:16px 18px 0}.job-demo .job-facts>div{grid-template-columns:74px minmax(0,1fr);gap:10px}}