.jobs-board{background:#f5f7fb}
.jobs-board .hdr{background:#fff}
.jobs-board .hdr-search,.jobs-board .cats{display:none}
.jobs-board .tabs[hidden]{display:none!important}
.jobs-board main{min-height:70vh}
.jobs-hero{background:#2555e5;color:#fff;overflow:hidden;position:relative}
.jobs-hero::before{content:"";position:absolute;width:430px;height:430px;right:5%;top:-210px;
border:1px solid rgba(255,255,255,.08);border-radius:50%;
box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 144px rgba(255,255,255,.018)}
.jobs-hero-inner{position:relative;min-height:300px;padding-top:34px;padding-bottom:24px;
display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:
"copy promo" "search promo" "actions promo";gap:16px 28px}
.jobs-hero-copy{grid-area:copy;align-self:end}
.jobs-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.24em;
text-transform:uppercase;margin-bottom:6px;color:#dfe7ff}
.jobs-hero h1{font-family:var(--display);font-size:clamp(34px,4vw,52px);line-height:1.04;
letter-spacing:-.045em;color:#fff;margin:0;max-width:830px}
.jobs-hero-copy p{margin-top:7px;color:#dce5ff;font-size:16px}
.profile-callout{grid-area:promo;align-self:stretch;display:flex;flex-direction:column;align-items:center;
justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.22);border-radius:14px;
background:rgba(37,85,229,.22);padding:20px;position:relative;z-index:1}
.profile-callout-icon{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.12);
color:#fff;display:grid;place-items:center;margin-bottom:10px;transform:rotate(-4deg)}
.profile-callout-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.profile-callout strong{font:700 15px var(--display);color:#fff}
.profile-callout small{font-size:12.5px;color:#d8e2ff;margin-top:1px}
.profile-callout a{margin-top:15px;background:#fff;color:#2555e5;border-radius:9px;
padding:9px 14px;font-size:12.5px;font-weight:700;box-shadow:0 6px 16px rgba(16,33,61,.13)}
.jobs-search{grid-area:search;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.65fr) auto;
background:#fff;border-radius:12px;padding:5px;box-shadow:0 14px 34px rgba(16,33,61,.18);position:relative;z-index:2}
.jobs-search label{height:50px;display:flex;align-items:center;gap:10px;color:#51617d;padding:0 15px}
.jobs-search-keyword{border-right:1px solid #dde4ef}
.jobs-search label>svg,.jobs-search label span>svg{width:19px;height:19px;fill:none;stroke:currentColor;
stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.jobs-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;height:100%;
color:#10213d;font-size:14px;font-weight:500}
.jobs-search input::placeholder{color:#71809a}
.jobs-search .clearq{display:none;color:#6f7b90;padding:5px}.jobs-search .clearq.on{display:block}
.jobs-search-location select{border:0;background:transparent;outline:0;min-width:0;width:100%;height:100%;
color:#10213d;font-size:14px;font-weight:600;cursor:pointer;appearance:auto}
.jobs-search-submit{height:50px;min-width:168px;border-radius:9px;background:#2555e5;color:#fff;
font-weight:700;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:18px}
.jobs-search-submit:hover{background:#1d47c8}
.jobs-hero-actions{grid-area:actions;display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.jobs-board .quickbar{margin:0;display:flex;gap:9px;flex-wrap:wrap}
.jobs-board .quickbar button,.jobs-board .filters-open{height:42px;padding:0 17px;border-radius:23px;
border:1px solid rgba(255,255,255,.72);background:#fff;color:#10213d;font-size:13px;font-weight:600;
display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s}
.jobs-board .quickbar button:hover,.jobs-board .filters-open:hover{border-color:#fff;background:#f4f7ff}
.jobs-board .quickbar button[aria-pressed="true"]{background:#10213d;border-color:#10213d;color:#fff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.jobs-board .quickbar button::before{width:15px;height:15px;display:grid;place-items:center;font-size:13px}
.jobs-board .quickbar button:nth-child(1)::before{content:"▦"}
.jobs-board .quickbar button:nth-child(2)::before{content:"□"}
.jobs-board .quickbar button:nth-child(3)::before{content:"▣"}
.jobs-board .quickbar button:nth-child(4)::before{content:"◷"}
.jobs-board .filters-open{position:static;margin:0}.jobs-board .filters-open svg{width:16px;height:16px;
fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jobs-board .filters-open b{background:#2555e5;color:#fff;border-radius:10px;padding:1px 6px;font-size:10px}
.jobs-board-content{padding-top:25px;padding-bottom:72px}
.jobs-board .layout{display:block;padding:0}
.jobs-results{min-width:0}
.jobs-board .fchips{padding-bottom:15px}
.jobs-board .resbar{align-items:center;padding:0 0 15px}
.results-title h2{font:800 20px/1.2 var(--display);color:#10213d;letter-spacing:-.025em}
.jobs-board .sortwrap select:not(.sr-only){height:42px;min-width:126px;background:#fff;border:1px solid #d9e1ec;
border-radius:10px;padding:0 34px 0 13px;font-size:13px;font-weight:600;color:#10213d}
.jobs-board .jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
border:0;border-radius:0;overflow:visible;background:transparent}
.board-job{min-height:153px;background:#fff;border:1px solid #dce4ef;border-radius:12px;
padding:17px 18px;position:relative;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.board-job:hover{border-color:color-mix(in srgb,var(--job-accent) 48%,#dce4ef);
box-shadow:0 12px 28px rgba(16,33,61,.07)}
.board-job:focus-within{outline:3px solid rgba(37,85,229,.18);outline-offset:2px}
.board-job-top{display:flex;align-items:center;gap:11px;min-width:0}
.board-company-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;
color:var(--job-accent);font-weight:800;font-size:13px;
background:color-mix(in srgb,var(--job-accent) 10%,#fff)}
.board-job-ident{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.board-employer{font-size:11.5px;color:#66728a;display:flex;align-items:center;gap:5px;min-width:0}
.board-employer i{display:inline-flex;align-items:center;gap:3px;color:#2555e5;font-style:normal;font-weight:700}
.board-employer i svg{width:13px;height:13px}.board-employer i span{display:none}
.board-category{font-size:10.5px;font-weight:700;color:var(--job-accent);padding:4px 9px;border-radius:13px;
background:color-mix(in srgb,var(--job-accent) 11%,#fff);white-space:nowrap;max-width:210px;
overflow:hidden;text-overflow:ellipsis}
.board-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.board-job h3{font:800 16px/1.25 var(--display);letter-spacing:-.02em;color:#10213d;margin:8px 0 8px}
.board-job h3 a::after{content:"";position:absolute;inset:0;border-radius:12px}
.board-meta{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:11.5px;color:#67758d}
.board-meta span{display:inline-flex;align-items:center;gap:5px}.board-meta svg{width:14px;height:14px}
.board-job-foot{margin-top:auto;padding-top:8px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.board-job-foot strong{font:800 14.5px/1.2 var(--display);color:#10213d}
.board-go{position:relative;z-index:2;width:39px;height:39px;border-radius:50%;background:#2555e5;color:#fff;
display:grid;place-items:center;box-shadow:0 7px 15px rgba(37,85,229,.22)}
.board-go:hover{background:#1d47c8;transform:translateX(2px)}
.jobs-board .pager{padding-top:26px}
.jobs-board .filters{position:fixed;right:0;left:auto;top:0;bottom:0;z-index:95;width:min(380px,92vw);height:100%;
max-height:none;border:0;border-left:1px solid #d9e1ec;border-radius:0;background:#fff;transform:translateX(100%);
transition:transform .26s cubic-bezier(.2,.9,.3,1);box-shadow:-18px 0 50px rgba(16,33,61,.14)}
.jobs-board.filters-on .filters{transform:none}
.jobs-board .filters-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#66728a}
.jobs-board .filters-head{padding:19px 20px}
.jobs-board .filters-head h3,.jobs-board .filters-head h2{font:800 18px var(--display);letter-spacing:normal;margin:0}
@media(max-width:900px){
.jobs-hero-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "search" "actions";
min-height:auto;padding-top:27px;padding-bottom:24px}
.profile-callout{display:none}
.jobs-hero h1{font-size:38px;max-width:700px}
.jobs-search{grid-template-columns:minmax(0,1.2fr) minmax(180px,.7fr) auto}
.jobs-board .jobs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.jobs-board{padding-bottom:76px}
.jobs-board .hdr-main{height:64px}
.jobs-board .hdr-search{display:none}
.jobs-hero-inner{padding:25px 16px 17px;gap:13px}
.jobs-kicker{font-size:10.5px;margin-bottom:5px}
.jobs-hero h1{font-size:31px;max-width:13ch;line-height:1.05}
.jobs-hero-copy p{display:none}
.jobs-search{grid-template-columns:1fr;background:transparent;padding:0;box-shadow:none;gap:6px}
.jobs-search label{height:47px;background:#fff;border:0;border-radius:9px;padding:0 13px}
.jobs-search-submit{height:47px;width:100%;border:1px solid rgba(255,255,255,.72);box-shadow:none}
.jobs-hero-actions{width:calc(100% + 32px);margin-left:-16px;padding:10px 16px 0;
border-top:1px solid rgba(255,255,255,.18);overflow:hidden}
.jobs-board .quickbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.jobs-board .quickbar::-webkit-scrollbar{display:none}
.jobs-board .quickbar button{height:38px;padding:0 14px;white-space:nowrap;font-size:12px}
.jobs-board .filters-open{position:fixed;left:12px;right:12px;bottom:10px;z-index:80;width:auto;height:56px;
border:1px solid #d8e0ec;border-radius:16px;background:rgba(255,255,255,.96);color:#10213d;
box-shadow:0 12px 34px rgba(16,33,61,.2);backdrop-filter:blur(14px);justify-content:flex-start;
padding:0 18px;font-size:14px}
.jobs-board .filters-open::after{content:attr(data-hint);position:absolute;
left:48px;top:31px;color:#748097;font-size:10px;font-weight:500}
.jobs-board .filters-open b{margin-left:auto}
.jobs-board-content{padding:19px 14px 34px}
.jobs-board .resbar{align-items:center;padding-bottom:12px}
.results-title h2{font-size:17px}
.jobs-board .sortwrap select:not(.sr-only){min-width:104px;height:38px;font-size:12px}
.jobs-board .jobs{grid-template-columns:1fr;gap:9px}
.board-job{min-height:142px;padding:14px}
.board-job h3{font-size:15px;margin:7px 0}
.board-category{max-width:170px}
.board-job-foot strong{font-size:14px}
.board-go{width:36px;height:36px}
.jobs-board .filters{top:auto;width:100%;height:min(78dvh,720px);border-left:0;border-top:1px solid #d9e1ec;
border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:0 -18px 50px rgba(16,33,61,.18)}
.jobs-board.filters-on .filters{transform:none}
.jobs-board .filters-head::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);
width:42px;height:4px;border-radius:3px;background:#c7cfdb}
.jobs-board .filters-head{padding-top:22px}
.jobs-board .cats{display:none}
.jobs-board .board-job{border-radius:14px}
.jobs-board .board-job-top{align-items:flex-start}
.jobs-board .board-job h3{font-size:16px;line-height:1.28}
.jobs-board .board-job-meta{font-size:12.5px}
.jobs-board .board-go{width:44px;height:44px}
.jobs-board .joinbox{bottom:78px}
.jobs-board .filters{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}
.jobs-board .filters .fgrp-head svg{margin-left:auto}
.jobs-board .filters .fgrp-head .sum{display:inline-block;margin-left:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;font-style:normal;font-weight:600;color:#2555e5}
.jobs-board .filters .fgrp-head .sum+svg{margin-left:8px}
@media(prefers-reduced-motion:reduce){.board-job,.board-go,.jobs-board .filters{transition:none}}
