.worker-hero{padding-top:clamp(28px,5vw,58px);padding-bottom:46px}
.worker-mark{font-size:clamp(30px,4vw,42px);letter-spacing:-.04em}
.worker-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;list-style:none;border-top:1px solid #e9dce6;border-bottom:1px solid #e9dce6}
.worker-flow li{position:relative;min-width:0;padding:20px 18px 22px 0}
.worker-flow li+li{padding-left:20px;border-left:1px solid #e9dce6}
.flow-no{display:block;margin-bottom:22px;color:#965b7d;font:700 12px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.12em}
.worker-flow h3{margin:0 0 8px;font-size:17px;line-height:1.3}
.worker-flow p{margin:0;color:#59677e;font-size:13px;line-height:1.65}
.source-note{margin:18px 0 0;color:#59677e;font-size:13px;line-height:1.65}
.source-note a,.callout>a{color:#80486d;font-weight:700;text-underline-offset:3px}
.source-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:clamp(28px,5vw,64px);align-items:start}
.source-grid>div>p:not(.eyebrow){color:#59677e;font-size:15px;line-height:1.75}
.callout{align-self:center;padding:22px 0 22px 22px;border-left:2px solid #e7c9dc}
.callout h2{margin-bottom:12px;font-size:clamp(23px,3vw,30px);line-height:1.18;letter-spacing:-.04em}
.callout p:not(.eyebrow){color:#59677e;font-size:14px;line-height:1.7}
.code-panel{max-width:100%;margin:23px 0 16px;padding:clamp(16px,2.8vw,26px);overflow-x:auto;border:1px solid #273343;border-radius:12px;background:#152033;color:#f5f7fb;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre}
.code-panel code{font:inherit}
.worker-main code:not(.code-panel code){padding:.08em .32em;border-radius:4px;background:rgba(231,162,200,.18);font: .92em ui-monospace,SFMono-Regular,Consolas,monospace}
.search-rail{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:12px;margin:24px 0 14px;padding:27px 0 8px;color:#59677e;font-size:12px;font-weight:700}
.search-rail::before{content:"";position:absolute;left:0;right:0;top:18px;height:8px;border-radius:99px;background:linear-gradient(90deg,#e7a2c8 0%,#c8a8ce 48%,#86d1db 100%)}
.search-rail::after{content:"";position:absolute;top:11px;left:50%;width:20px;height:20px;transform:translateX(-50%);border:4px solid #fff9fc;border-radius:50%;background:#965b7d;box-shadow:0 0 0 1px #965b7d}
.rail-start{justify-self:start}.rail-mid{justify-self:center}.rail-end{justify-self:end}
.worker-main .details-grid{margin-top:2px}
@media(max-width:760px){.worker-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-flow li:nth-child(3){padding-left:0;border-left:0;border-top:1px solid #e9dce6}.worker-flow li:nth-child(4){border-top:1px solid #e9dce6}.source-grid{grid-template-columns:1fr;gap:26px}.callout{max-width:none;padding:18px 0 0;border-top:1px solid #e9dce6;border-left:0}}
@media(max-width:430px){.worker-flow{grid-template-columns:1fr}.worker-flow li,.worker-flow li+li{padding:16px 0;border-left:0}.worker-flow li+li{border-top:1px solid #e9dce6}.flow-no{margin-bottom:12px}.search-rail{gap:5px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.worker-main{scroll-behavior:auto}}
