:root{--job-navy:#063457;--job-blue:#0b628a;--job-sky:#e8f5f7;--job-orange:#f47f4e;--job-ink:#082f4d;--job-line:#d6e2e7;--job-cream:#fbf7ef}
.jobs-hero{background:linear-gradient(135deg,#e0f2f3,#f7fbf9 58%,#fff0e6);color:var(--job-ink)}.jobs-hero h1,.job-detail-hero h1{color:var(--job-navy);text-shadow:none}.jobs-hero>p:not(.eyebrow),.job-detail-hero>p:not(.eyebrow){color:#345767}.jobs-hero .eyebrow,.job-detail-hero .eyebrow{color:var(--job-blue)}.jobs-hero .back-link,.jobs-hero .topic-menu summary,.job-detail-hero .back-link,.job-detail-hero .topic-menu summary{color:var(--job-navy)}.job-detail-hero{background:linear-gradient(135deg,#e4f4f5,#fff5ed);color:var(--job-ink)}
.jobs-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0 72px}.demo-note{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:17px 20px;border:1px solid #f4c4ae;border-left:5px solid var(--job-orange);border-radius:14px;background:#fff7f2;color:var(--job-ink);margin-bottom:24px}.demo-note strong,.demo-badge{padding:7px 10px;border-radius:7px;background:var(--job-orange);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.08em}.demo-note span{font-size:.92rem;line-height:1.45}
.job-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:end;padding:20px;border:1px solid var(--job-line);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(8,47,77,.07)}.job-controls div{min-width:0}.job-controls .search-wide{grid-column:span 2}.job-controls label{display:block;margin:0 0 7px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4d6878}.job-controls input,.job-controls select{width:100%;height:48px;border:1px solid #bfcfd7;border-radius:10px;background:#fff;padding:0 12px;color:var(--job-ink);font:inherit}.job-controls input:focus,.job-controls select:focus{outline:3px solid rgba(11,98,138,.17);border-color:var(--job-blue)}.clear-filters{height:48px;padding:0 16px;border:0;border-radius:10px;background:var(--job-navy);color:#fff;font-weight:800;cursor:pointer}.clear-filters:hover{background:var(--job-blue)}
.employer-section{padding:34px 0 12px}.employer-section h2{font-family:Newsreader,serif;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--job-ink);margin:2px 0 18px}.employer-buttons{display:flex;flex-wrap:wrap;gap:9px}.employer-button{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #bed0d9;border-radius:999px;background:#fff;color:var(--job-ink);font-size:.88rem;font-weight:700;text-decoration:none}.employer-button span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--job-sky);color:var(--job-blue)}.employer-button:hover,.employer-button.active{border-color:var(--job-blue);background:var(--job-blue);color:#fff}.employer-button:hover span,.employer-button.active span{background:#fff;color:var(--job-blue)}
.jobs-resultbar{margin:22px 0 13px;color:#506b79}.jobs-resultbar p{margin:0}.jobs-resultbar strong{font-size:1.25rem;color:var(--job-ink)}.jobs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.job-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--job-line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(8,47,77,.08);transition:.18s ease}.job-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(8,47,77,.13)}[data-job][hidden]{display:none!important}.job-photo{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#dcecef}.job-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:.25s}.job-card:hover .job-photo img{transform:scale(1.025)}.job-photo .demo-badge{position:absolute;left:10px;top:10px}.hours-badge{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:8px;background:rgba(6,52,87,.92);color:#fff;font-size:.78rem;font-weight:700}.job-body{display:flex;flex:1;flex-direction:column;padding:18px}.employer-line{display:flex;align-items:center;gap:9px;margin-bottom:7px}.employer-line a{color:#4d6878;font-size:.82rem;font-weight:800;text-decoration:none}.agency-client{margin:0 0 12px;color:#506b79;font-size:.78rem;line-height:1.35}.agency-client strong{color:var(--job-ink)}.employer-mark{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:11px;background:var(--employer-accent);color:#fff;font-weight:800;letter-spacing:.03em}.job-body h3{margin:0;color:var(--job-ink);font-family:Newsreader,serif;font-size:1.55rem;line-height:1.08}.job-body h3 a{color:inherit;text-decoration:none}.job-intro{color:#456372;line-height:1.48}.job-facts{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 14px;padding:0}.job-facts li{padding:6px 8px;border-radius:7px;background:#eff6f7;color:#345767;font-size:.75rem;font-weight:700}.job-salary{margin:auto 0 0;padding-top:13px;border-top:1px solid #e2eaed;color:var(--job-blue);font-weight:800}.job-action{display:inline-block;margin-top:14px;color:var(--job-blue);font-weight:800;text-decoration:none}.empty-results{padding:32px;border:1px dashed #b8ccd5;border-radius:14px;text-align:center;color:#55717e;background:#f7fbfb}.partner-callout{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:42px;padding:30px;border-radius:18px;background:var(--job-navy);color:#fff}.partner-callout h2{font-family:Newsreader,serif;font-size:2rem;margin:3px 0 8px}.partner-callout p{margin:0;max-width:720px;line-height:1.5}.partner-callout a{flex:none;padding:12px 16px;border-radius:10px;background:var(--job-orange);color:#fff;text-decoration:none;font-weight:800}
.page-nav{margin-bottom:22px}.page-nav a{display:inline-flex;padding:10px 13px;border-radius:9px;background:#e8f3f5;color:var(--job-navy);font-weight:800;text-decoration:none}.employer-profile{display:grid;grid-template-columns:auto 1.5fr 1fr;gap:20px;align-items:center;margin-bottom:26px;padding:25px;border-radius:17px;background:var(--job-navy);color:#fff;border-left:7px solid var(--employer-accent)}.employer-profile .employer-mark,.employer-contact .employer-mark{width:58px;height:58px;flex-basis:58px;font-size:1.1rem}.employer-profile h2,.employer-contact h2{margin:3px 0 8px;font-family:Newsreader,serif;font-size:2rem}.employer-profile p{margin:4px 0}.employer-location{font-size:.87rem;opacity:.8}.employer-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.employer-actions a{color:#fff;font-weight:700;text-decoration:none}.website-button{margin-top:7px;padding:11px 14px;border-radius:9px;background:var(--job-orange);color:#fff}
.detail-page{padding-top:24px}.detail-photo{position:relative;height:min(430px,48vw);min-height:260px;margin:0;overflow:hidden;border-radius:18px;background:#d8e7eb}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,34,55,.35))}.detail-photo .demo-badge{position:absolute;z-index:2;left:16px;top:16px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 2px 20px}.detail-heading>div{display:flex;align-items:center;gap:14px}.detail-heading p{margin:0;color:#58717e}.detail-heading h2{margin:3px 0 0;color:var(--job-ink);font-family:Newsreader,serif;font-size:clamp(1.8rem,4vw,2.7rem)}.detail-heading>strong{color:var(--job-blue);font-size:1.2rem;text-align:right}.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 24px;border:1px solid var(--job-line);border-radius:15px;background:#fff;overflow:hidden}.detail-facts div{padding:17px;border-right:1px solid var(--job-line);border-bottom:1px solid var(--job-line)}.detail-facts dt{margin-bottom:5px;color:#637b87;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.detail-facts dd{margin:0;color:var(--job-ink);font-weight:800}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.8fr);gap:24px;align-items:start}.detail-copy{padding:30px;border:1px solid var(--job-line);border-radius:16px;background:#fff}.detail-copy h2{margin:3px 0 15px;color:var(--job-ink);font-family:Newsreader,serif;font-size:2.15rem}.detail-copy h3{margin:25px 0 10px;color:var(--job-ink)}.detail-copy p,.detail-copy li{color:#3f5e6d;line-height:1.65}.detail-copy ul{padding-left:22px}.demo-explain{margin-top:26px;padding:18px;border-left:4px solid var(--job-orange);border-radius:10px;background:#fff4ed;color:#496370}.demo-explain strong{display:block;color:var(--job-ink)}.employer-contact{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px;padding:25px;border-radius:16px;background:var(--job-navy);color:#fff;border-top:7px solid var(--employer-accent)}.employer-contact p{line-height:1.5}.employer-contact .employer-actions{margin-top:5px}
@media(max-width:1120px){.job-controls{grid-template-columns:repeat(3,1fr)}.jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.job-controls{grid-template-columns:repeat(2,1fr)}.employer-profile{grid-template-columns:auto 1fr}.employer-profile .employer-actions{grid-column:1/3}.detail-layout{grid-template-columns:1fr}.employer-contact{position:static}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-callout{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.jobs-main{width:min(100% - 24px,1180px);padding-top:22px}.job-controls{grid-template-columns:1fr;padding:15px}.job-controls .search-wide{grid-column:auto}.clear-filters{width:100%}.employer-buttons{display:grid;grid-template-columns:1fr}.employer-button{justify-content:space-between;border-radius:10px}.jobs-grid{grid-template-columns:1fr}.job-photo{aspect-ratio:4/3}.partner-callout{padding:23px}.partner-callout a{width:100%;text-align:center}.demo-note{grid-template-columns:1fr}.job-detail-hero h1,.detail-heading h2{overflow-wrap:anywhere;hyphens:auto}.detail-photo{height:280px}.detail-heading{align-items:flex-start;flex-direction:column}.detail-heading>strong{text-align:left}.detail-facts{grid-template-columns:1fr}.employer-profile{grid-template-columns:1fr}.employer-profile .employer-actions{grid-column:auto}}
