/* A useful job sheet gives SafePass a practical, recognizable detail. */
.task-path-links a{gap:12px}.task-path-links a>span:nth-child(2){flex:1}.task-icon{flex:0 0 29px;width:29px;height:29px;color:#71854e}
.job-example{background:var(--ink);color:var(--cream);padding:78px 0;scroll-margin-top:100px}
.job-example-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.job-kicker{font-size:14px;color:var(--lime);line-height:1.6;margin:0 0 22px}
.job-example-copy h2{font-size:clamp(32px,3.7vw,49px);line-height:1.2;margin:0 0 24px}
.job-example-copy>p:not(.job-kicker){max-width:430px;line-height:1.85;font-size:16px;color:#d3dfd5}
.job-example-choices{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.job-example-choices[hidden]{display:none}
.job-example-choices button{font:500 13px 'DM Sans',sans-serif;padding:12px 15px;min-height:44px;border:1px solid #718c80;border-radius:4px;color:var(--cream);background:transparent;cursor:pointer;text-align:left}
.job-example-choices button:hover{background:#234d43}
.job-example-choices button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.job-contact{display:inline-flex;gap:24px;align-items:center;text-decoration:underline;text-underline-offset:6px;font-size:14px;min-height:44px}
.sample-job{background:var(--cream);color:var(--ink);border-radius:5px;position:relative;box-shadow:9px 10px 0 #0c3029}
.sample-job:before{content:'';position:absolute;top:-9px;left:calc(50% - 37px);width:74px;height:17px;background:#a8b798;border-radius:3px}
.sample-job-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:25px 30px 18px;border-bottom:1px solid var(--line)}
.sample-brand{font:800 21px Manrope,sans-serif;letter-spacing:-1px}.sample-label{font-size:11px;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:3px}
.sample-job-content{padding:26px 30px 15px;min-height:410px}
.sample-job-caption{font-size:12px;color:var(--muted);margin:0 0 10px}.sample-job h3{font:600 26px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 25px}
.sample-job-steps{padding:0;margin:0;list-style:none}.sample-job-steps li{display:flex;gap:16px;position:relative;padding-bottom:23px}.sample-job-steps li:not(:last-child):before{content:'';position:absolute;left:13px;top:30px;bottom:4px;border-left:1px dashed #a5b69c}
.sample-step-number{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #a5b69c;border-radius:50%;font-size:12px;background:#e9ecdf}
.sample-job h4{font-size:14px;line-height:1.5;margin:2px 0 6px}.sample-job-steps p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
.sample-job-bottom{display:flex;flex-direction:column;gap:9px;padding:18px 30px 23px;border-top:1px solid var(--line)}.sample-job-bottom>span{font-size:11px;color:var(--muted);line-height:1.6}.sample-job-bottom a{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;min-height:32px;align-items:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.job-example-layout{gap:40px}.sample-job-top,.sample-job-content,.sample-job-bottom{padding-left:23px;padding-right:23px}}
@media(max-width:760px){.job-example{padding:52px 0}.job-example-layout{grid-template-columns:1fr;gap:35px}.job-example-copy>p:not(.job-kicker){max-width:560px}.job-example-copy h2{font-size:37px}.sample-job-content{min-height:0}.sample-job{margin-right:9px}.task-path-links a{font-size:13px}.task-icon{width:25px;height:25px;flex-basis:25px}}