/* Public homepage, scoped so legal pages and login keep their own layout. */
.jj-home{--jj-ink:#101b38;--jj-muted:#586981;--jj-teal:#008f87;--jj-line:#e0e7ef;background:#fff;color:var(--jj-ink);font-family:Inter,Arial,sans-serif}



.jj-home .jj-primary{background:var(--jj-teal);color:white!important;border:1px solid var(--jj-teal);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none}
.jj-home .jj-secondary{border:1px solid var(--jj-teal);border-radius:7px;padding:12px 20px;color:#007c75!important;background:white;text-decoration:none;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.jj-home a:focus-visible,.jj-home summary:focus-visible{outline:3px solid #e2a33a;outline-offset:4px}.jj-home a:hover{filter:brightness(.94)}
.jj-home .jj-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1432px;margin:12px auto 20px;border-radius:14px;background:linear-gradient(115deg,#effbf7,#e9f9f5);padding:38px 42px;min-height:255px;box-sizing:border-box}
.jj-home .jj-hero-copy{position:relative;z-index:1}.jj-home .jj-hero h1{font-size:clamp(28px,2.7vw,42px);line-height:1.18;letter-spacing:-1.3px;margin:0 0 10px;color:var(--jj-ink);max-width:850px}.jj-home .jj-hero p{font-size:17px;color:var(--jj-muted);margin:0 0 24px}.jj-home .jj-actions{display:flex;gap:14px;flex-wrap:wrap}.jj-home .jj-skyline{position:absolute;right:-25px;bottom:0;width:42%;height:auto;z-index:0;opacity:.75}.jj-home .jj-popular{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:12px;flex-wrap:wrap;color:var(--jj-muted)}.jj-home .jj-popular a{padding:6px 12px;border:1px solid #d6e2e9;background:#f7fbff;border-radius:24px;color:var(--jj-ink);text-decoration:none}
.jj-home .jj-marketplace{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:22px;padding:0 24px;align-items:start}.jj-home .jj-marketplace h2{font-size:24px;line-height:1.25;margin:4px 0 5px;letter-spacing:-.5px;color:var(--jj-ink)}.jj-home .jj-intro{margin:0 0 17px;color:var(--jj-muted);font-size:14px}.jj-home .jj-categories{border:1px solid var(--jj-line);border-radius:10px;padding:20px;background:#fff;scroll-margin-top:85px}.jj-home .jj-categories h2{font-size:18px;margin:0 0 12px}.jj-home .jj-categories>a{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #edf1f5;text-decoration:none;color:var(--jj-ink);font-size:14px}.jj-home .jj-categories>a>span:first-child{width:23px;font-size:24px;color:#326476}.jj-home .jj-arrow{margin-left:auto;color:#91a4b0}.jj-home .jj-category-note{background:#eaf9f4;padding:20px 14px;border-radius:10px;line-height:1.6;font-size:14px;margin-top:14px}.jj-home .jj-all-categories{color:var(--jj-teal)!important;font-weight:700}.jj-home .jj-results{min-width:0;scroll-margin-top:85px}.jj-home .jj-notice{background:#fff4db;border:1px solid #ffe4a5;border-radius:8px;padding:14px;font-size:13px;color:#875100;margin:0 0 12px;line-height:1.5}.jj-home .jj-job{background:white;border:1px solid var(--jj-line);border-radius:11px;padding:20px;margin-bottom:14px}.jj-home .jj-job-heading{display:flex;gap:14px;align-items:center}.jj-home .jj-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:9px;background:#dcebff;color:#195588;font-weight:800}.jj-home .jj-job:nth-of-type(2) .jj-avatar{background:#ffe2d2;color:#9d4a1b}.jj-home .jj-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.jj-home .jj-job h3{margin:0;font-size:21px;letter-spacing:-.4px}.jj-home .jj-example{background:#fff0cc;border-radius:6px;color:#855000;padding:5px 8px;font-size:11px;font-weight:700}.jj-home .jj-job-heading p{margin:5px 0 0;color:var(--jj-muted);font-size:14px}.jj-home .jj-meta{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;color:var(--jj-muted);margin:18px 0 12px}.jj-home .jj-tags,.jj-home .jj-skills{display:flex;flex-wrap:wrap;gap:8px}.jj-home .jj-tags span,.jj-home .jj-skills span{border-radius:24px;padding:6px 12px;font-size:12px;background:#edf4ff;color:#355775}.jj-home .jj-tags span:first-child{background:#e4f8ef;color:#187567}.jj-home .jj-tags span:last-child{background:#fff6df;color:#975c0c}.jj-home .jj-description{color:#3d5069;font-size:14px;line-height:1.6;margin:12px 0}.jj-home .jj-job footer{font-size:11px;color:#65758b;border-top:1px solid #edf1f5;padding-top:13px;margin-top:14px}.jj-home .jj-sample-details{font-size:13px;color:var(--jj-muted);line-height:1.6;margin-top:16px}.jj-home .jj-sample-details summary{cursor:pointer;color:var(--jj-teal);font-weight:700}.jj-home .jj-join{padding:25px 22px;border-radius:12px;background:linear-gradient(145deg,#f0fbf7,#e8f8f3)}.jj-home .jj-join h2{font-size:25px}.jj-home .jj-join p{font-size:15px;line-height:1.6;color:var(--jj-muted)}.jj-home .jj-join .jj-primary{display:flex}.jj-home .jj-employer{margin-top:30px;padding-top:24px;border-top:1px solid #c6dfd8}.jj-home .jj-employer h3{margin:0;font-size:17px}.jj-home .jj-employer p{font-size:13px;margin:10px 0}.jj-home .jj-employer a{color:var(--jj-teal);text-decoration:none;font-weight:700;font-size:14px}.jj-home .jj-profile-art{position:relative;width:155px;height:100px;margin:32px auto;border:2px solid #72bdae;border-radius:10px;background:white;box-shadow:7px 7px 0 #d7eee6;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px}.jj-home .jj-profile-art i{display:block;height:4px;background:#b6dbd2;border-radius:2px;width:70%}.jj-home .jj-profile-art span{position:absolute;right:-12px;bottom:-10px;border:5px solid #eaf9f3;background:var(--jj-teal);color:white;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:29px}.jj-home .discover-section{border-top:1px solid var(--jj-line);padding-top:35px}.jj-home .discover-heading h2{font-size:28px}.jj-home .launch-main{padding-top:0}
@media  (min-width:1500px){.jj-home .jj-hero{margin-left:auto;margin-right:auto}}@media  (max-width:1499px){.jj-home .jj-hero{margin-left:24px;margin-right:24px}}@media  (max-width:1199px){.jj-home .jj-marketplace{grid-template-columns:210px minmax(0,1fr)}.jj-home .jj-join{grid-column:1/-1;display:block}.jj-home .jj-profile-art{display:none}.jj-home .jj-join .jj-primary{display:inline-flex}.jj-home .jj-employer{margin-top:20px}.jj-home .jj-skyline{opacity:.4;width:40%}}
@media  (max-width:800px){.jj-home .jj-hero{margin:12px 14px 18px;padding:28px 22px;min-height:270px}.jj-home .jj-hero h1{font-size:31px;max-width:470px}.jj-home .jj-hero p{font-size:15px;max-width:430px}.jj-home .jj-skyline{opacity:.2;width:70%}.jj-home .jj-marketplace{grid-template-columns:minmax(0,1fr);padding:0 14px;gap:18px}.jj-home .jj-categories{padding:16px;display:flex;gap:8px;flex-wrap:wrap}.jj-home .jj-categories h2{width:100%}.jj-home .jj-categories>a{border:1px solid var(--jj-line);border-radius:20px;padding:8px 12px;font-size:12px}.jj-home .jj-categories>a>span,.jj-home .jj-category-note{display:none}.jj-home .jj-job{padding:17px}.jj-home .jj-job h3{font-size:19px}.jj-home .jj-join{grid-column:auto}.jj-home .jj-marketplace h2{font-size:23px}.jj-home .jj-actions{gap:10px}.jj-home .jj-actions a{font-size:13px;padding:11px 14px}}
@media  (prefers-reduced-motion:reduce){.jj-home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}



.jj-home .jj-inline-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:4px;flex-shrink:0}.jj-home .jj-job h3,.jj-home .jj-employer h3{color:var(--jj-ink)}

/* Compact home revision: reserve the viewport for useful content. */
.jj-home .jj-hero{min-height:0;padding:22px 28px;margin:12px 24px 16px;border-radius:12px;max-width:1392px}
.jj-home .jj-hero h1{font-size:30px;line-height:1.18;letter-spacing:-.8px;margin:0 0 8px}
.jj-home .jj-hero p{font-size:14px;line-height:1.5;margin:0 0 16px}
.jj-home .jj-actions{gap:10px}.jj-home .jj-skyline{width:330px;right:0;opacity:.42}
.jj-home .jj-marketplace{box-sizing:border-box;width:100%;max-width:1440px;padding:0 24px;gap:18px;margin:0 auto 28px;grid-template-columns:200px minmax(0,1fr) 240px;align-items:start}
.jj-home .jj-marketplace h2{font-size:21px;margin:0 0 5px;line-height:1.3;letter-spacing:-.4px}
.jj-home .jj-intro{font-size:13px;margin:0 0 12px;line-height:1.5}
.jj-home .jj-notice{font-size:12px;padding:10px 12px;margin-bottom:10px}
.jj-home .jj-categories{padding:16px;border-radius:10px}
.jj-home .jj-categories h2{font-size:16px;margin-bottom:10px}
.jj-home .jj-categories>a{padding:11px 0;gap:10px;font-size:12px}
.jj-home .jj-categories>a>span:first-child{width:18px;font-size:20px}
.jj-home .jj-category-note{font-size:12px;padding:12px;margin-top:10px}
.jj-home .jj-join{padding:18px;border-radius:10px}
.jj-home .jj-join h2{font-size:20px;line-height:1.35}
.jj-home .jj-join p{font-size:13px;line-height:1.6;margin:12px 0}
.jj-home .jj-employer{margin-top:20px;padding-top:18px}
.jj-home .jj-employer h3{font-size:15px}
.jj-home .jj-job{padding:16px;border-radius:10px;margin-bottom:12px}
.jj-home .jj-avatar{width:38px;height:38px;font-size:13px}
.jj-home .jj-job-heading{gap:10px}
.jj-home .jj-job h3{font-size:18px;color:#142c32}
.jj-home .jj-job-heading p{font-size:12px;margin-top:4px}
.jj-home .jj-meta{font-size:12px;margin:12px 0 10px;gap:8px 18px}
.jj-home .jj-description{font-size:13px;line-height:1.5;margin:10px 0}
.jj-home .jj-tags span,.jj-home .jj-skills span{font-size:11px;padding:5px 10px}
.jj-home .jj-sample-details{font-size:12px;margin-top:12px}
.jj-home .jj-job footer{font-size:11px;padding-top:10px;margin-top:10px}
.jj-home .jj-categories,.jj-home .jj-results{scroll-margin-top:76px}
@media (min-width:1000px){
.jj-home .jj-categories,.jj-home .jj-join{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 92px);max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c1d8d2 transparent}
.jj-home .jj-join{grid-column:auto;display:block}
}
@media (min-width:1440px){.jj-home .jj-hero{margin-left:auto;margin-right:auto}}
@media (min-width:1000px) and (max-width:1150px){.jj-home .jj-marketplace{grid-template-columns:180px minmax(0,1fr) 210px;gap:14px}.jj-home .jj-join{padding:16px}.jj-home .jj-join h2{font-size:18px}}
@media (min-width:801px) and (max-width:999px){.jj-home .jj-marketplace{grid-template-columns:185px minmax(0,1fr)}.jj-home .jj-join{grid-column:1/-1}.jj-home .jj-categories{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto}}
@media (max-width:800px){.jj-home .jj-hero{margin:10px 14px 14px;padding:20px;min-height:0}.jj-home .jj-hero h1{font-size:25px;max-width:400px}.jj-home .jj-hero p{font-size:13px;margin-bottom:12px;max-width:390px}.jj-home .jj-skyline{width:230px;opacity:.17}.jj-home .jj-marketplace{grid-template-columns:minmax(0,1fr);padding:0 14px;gap:14px}.jj-home .jj-categories,.jj-home .jj-join{position:static;max-height:none;overflow:visible;grid-column:auto}.jj-home .jj-categories>a{padding:7px 10px;font-size:11px}.jj-home .jj-job{padding:14px}.jj-home .jj-categories{padding:14px}.jj-home .jj-marketplace h2{font-size:20px}.jj-home .jj-categories h2{font-size:16px}.jj-home .jj-actions a{font-size:12px;padding:8px 11px;gap:10px}}

.jj-home .jj-categories>a{line-height:20px;padding-top:8px;padding-bottom:8px}.jj-home .jj-categories>a>span{line-height:20px}