/* ==========================================================================
   Joboola "Aurora White" (v2.13) — the site look, on every theme.
   White, luminous surfaces. Colour lives in light, not in fills: soft azure /
   violet / cyan halos behind the search, hairline borders with a glass top
   highlight on cards, and a glow that answers hover and focus.
   One typeface (Inter, self-hosted). The brand colour stays
   admin-configurable (--brand); page surfaces always stay white.
   ========================================================================== */

@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/inter-latin.woff2) format("woff2-variations"),url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(../fonts/inter-latin-ext.woff2) format("woff2-variations"),url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --au-ink:#0A1024; --au-ink2:#333D55; --au-muted:#5B6680; --au-faint:#8E98AD;
  --au-line:#E5EAF3; --au-line2:#EEF2F8; --au-pearl:#F7F9FD; --au-white:#FFFFFF;
  --au-azure:#2B4BB8; --au-violet:#2B4BB8; --au-cyan:#40A085;
  --au-hi:inset 0 1px 0 rgba(255,255,255,.95);
  --au-sh-1:0 1px 2px rgba(16,24,40,.04),0 1px 1px rgba(16,24,40,.02);
  --au-sh-2:0 1px 2px rgba(16,24,40,.04),0 14px 34px -18px rgba(30,64,175,.24);
  --au-sh-3:0 2px 6px rgba(16,24,40,.04),0 26px 56px -24px color-mix(in srgb,var(--brand) 55%,transparent);
  --au-ring:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent);
  --au-r-xl:24px; --au-r-l:18px; --au-r:14px; --au-r-s:10px;
  --au-ease:cubic-bezier(.2,.8,.2,1);
  /* hand the shared kits the same palette */
  --ink:var(--au-ink); --ink-2:var(--au-ink2); --muted:var(--au-muted); --line:var(--au-line); --line-2:var(--au-line2);
  --canvas:var(--au-pearl); --bg:#fff;
  --sx-ink:var(--au-ink); --sx-ink2:var(--au-ink2); --sx-muted:var(--au-muted); --sx-faint:var(--au-faint);
  --sx-line:var(--au-line); --sx-line2:var(--au-line2); --sx-page:#fff; --sx-card:#fff; --sx-chip:var(--au-pearl); --sx-tint:var(--au-pearl);
  --sx-head-bg:rgba(255,255,255,.78); --sx-foot-bg:#fff;
  --sx-glow:var(--au-sh-2); --sx-glow-h:var(--au-sh-3); --sx-r:16px; --sx-r-in:12px;
  color-scheme:light;
}

/* ---------- Base ---------- */
html{background:#fff}
body.ui-aurora{font-family:"Niveau Grotesk",Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--au-ink);background:#fff!important;text-rendering:optimizeLegibility}
.ui-aurora h1,.ui-aurora h2,.ui-aurora h3,.ui-aurora h4{color:var(--au-ink);}
.ui-aurora h1{font-weight:800}
.ui-aurora h2,.ui-aurora h3{font-weight:700}
.ui-aurora .muted{color:var(--au-muted)}
.ui-aurora ::selection{background:color-mix(in srgb,var(--brand) 18%,#fff);color:var(--au-ink)}
.ui-aurora :focus-visible{outline:0;box-shadow:var(--au-ring);border-radius:10px}
.ui-aurora main{background:none!important}

/* Ambient light at the top of every page: two soft halos painted on the page background (no extra layers) */
body.ui-aurora{background:radial-gradient(640px 300px at 12% -60px,color-mix(in srgb,var(--au-azure) 13%,transparent),transparent 70%) no-repeat,radial-gradient(560px 280px at 88% -40px,color-mix(in srgb,var(--au-violet) 10%,transparent),transparent 70%) no-repeat,#fff!important}

/* ---------- Header: white glass ---------- */
.ui-aurora .sx-top,.ui-aurora .px-top,.ui-aurora .topbar{background:rgba(255,255,255,.74)!important;-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);border-bottom:1px solid rgba(229,234,243,.9);position:sticky;top:0;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.ui-aurora .sx-top:after,.ui-aurora .px-top:after,.ui-aurora .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--au-azure) 40%,transparent) 25%,color-mix(in srgb,var(--au-violet) 35%,transparent) 55%,color-mix(in srgb,var(--au-cyan) 35%,transparent) 80%,transparent);opacity:.55;pointer-events:none}
.ui-aurora .sx-top-in{min-height:70px!important;gap:20px}
.ui-aurora .logo{display:flex;align-items:center;gap:10px;color:var(--au-ink)!important;font-weight:800;text-decoration:none!important}
.ui-aurora .sx-top .logo,.ui-aurora .px-top .logo,.ui-aurora .topbar .logo{font-size:23px}
.ui-aurora .logo .logo-mark{display:inline-grid;filter:drop-shadow(0 6px 12px color-mix(in srgb,#2B4BB8 38%,transparent));transition:transform .35s var(--au-ease),filter .35s}
.ui-aurora .logo:hover .logo-mark{transform:translateY(-1px) rotate(-4deg);filter:drop-shadow(0 10px 18px color-mix(in srgb,#2B4BB8 48%,transparent))}
.ui-aurora .logo .logo-mark svg,.ui-aurora .sx-top .logo .logo-mark svg,.ui-aurora .sx-foot .logo .logo-mark svg{width:36px!important;height:36px!important}
.ui-aurora .logo img{max-height:40px}
.ui-aurora .sx-nav{gap:2px;margin-left:10px}
.ui-aurora .sx-nav a,.ui-aurora .mainnav a,.ui-aurora .px-nav a{color:var(--au-ink2);font-weight:600;font-size:15px;padding:8px 13px;border-radius:999px;transition:background .2s,color .2s}
.ui-aurora .sx-nav a:hover,.ui-aurora .mainnav a:hover,.ui-aurora .px-nav a:hover{background:var(--au-pearl);color:var(--au-ink);text-decoration:none}
.ui-aurora .sx-nav a.active,.ui-aurora .mainnav a.active,.ui-aurora .px-nav a.active{color:var(--brand-text,#2B4BB8);background:color-mix(in srgb,var(--brand) 7%,#fff)}
.ui-aurora .sx-actions{gap:8px!important}
.ui-aurora .sx-act{font-size:15px;font-weight:600;color:var(--au-ink2);padding:8px 12px;border-radius:999px;transition:background .2s,color .2s,box-shadow .2s}
.ui-aurora .sx-act:hover{background:var(--au-pearl);color:var(--au-ink)}
.ui-aurora .sx-act .ic{color:currentColor}
.ui-aurora .sx-act.blue{color:var(--brand-text,#2B4BB8)}
.ui-aurora .sx-act.blue:hover{background:color-mix(in srgb,var(--brand) 7%,#fff)}
.ui-aurora .sx-count{background:linear-gradient(180deg,#FF5A5F,#E5303A);min-width:20px;height:20px;font-size:11.5px;box-shadow:0 4px 10px -4px rgba(229,48,58,.7),0 0 0 2px #fff;margin-left:-2px}
.ui-aurora .sx-ava{width:30px;height:30px;background:linear-gradient(135deg,var(--au-azure),var(--au-violet));box-shadow:0 4px 12px -4px color-mix(in srgb,var(--au-violet) 60%,transparent)}
.ui-aurora .sx-sep{height:26px;background:var(--au-line);margin:0 4px}
.ui-aurora .sx-burger{width:42px;height:42px;border-radius:999px;border:1px solid var(--au-line);background:#fff;box-shadow:var(--au-sh-1)}
.ui-aurora .sx-burger:hover{box-shadow:var(--au-sh-2)}
.ui-aurora .geo-chip,.ui-aurora .sx-country{border-radius:999px!important;border-color:var(--au-line)!important;background:#fff!important;box-shadow:var(--au-sh-1)}

/* ---------- Buttons: glossy, glowing ---------- */
.ui-aurora .btn,.ui-aurora .sx-btn,.ui-aurora .ph-btn{font-weight:650;transition:transform .18s var(--au-ease),box-shadow .25s var(--au-ease),background .2s,filter .2s,border-color .2s}
.ui-aurora .btn-primary,.ui-aurora .sx-btn:not(.ghost),.ui-aurora .sx-go,.ui-aurora .sx-find,.ui-aurora .hx-apply,.ui-aurora .aic-send,.ui-aurora .px-btn:not(.ghost){
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--btn,var(--brand))!important;color:var(--btn-ink,#fff)!important;border-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 1px 2px rgba(16,24,40,.12),0 10px 24px -12px var(--btn,var(--brand))!important}
.ui-aurora .btn-primary:hover,.ui-aurora .sx-btn:not(.ghost):hover,.ui-aurora .sx-go:hover,.ui-aurora .sx-find:hover,.ui-aurora .hx-apply:hover,.ui-aurora .px-btn:not(.ghost):hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 4px rgba(16,24,40,.12),0 18px 34px -14px var(--btn,var(--brand))!important}
.ui-aurora .btn-primary:active,.ui-aurora .sx-btn:active,.ui-aurora .sx-go:active,.ui-aurora .hx-apply:active{transform:translateY(0) scale(.985)}
.ui-aurora .btn:not(.btn-primary):not(.btn-danger):not(.btn-link),.ui-aurora .sx-btn.ghost{background:#fff;color:var(--au-ink);border:1px solid var(--au-line);box-shadow:var(--au-hi),var(--au-sh-1)}
.ui-aurora .btn:not(.btn-primary):not(.btn-danger):not(.btn-link):hover,.ui-aurora .sx-btn.ghost:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--au-line));box-shadow:var(--au-hi),var(--au-sh-2);color:var(--brand-text,#2B4BB8);text-decoration:none}

/* ---------- Inputs ---------- */
.ui-aurora input[type=text],.ui-aurora input[type=email],.ui-aurora input[type=password],.ui-aurora input[type=search],.ui-aurora input[type=number],.ui-aurora input[type=tel],.ui-aurora input[type=url],.ui-aurora input[type=date],.ui-aurora select,.ui-aurora textarea{transition:border-color .2s,box-shadow .2s}
.ui-aurora .form input:not([type=checkbox]):not([type=radio]),.ui-aurora .form select,.ui-aurora .form textarea,.ui-aurora .card input:not([type=checkbox]):not([type=radio]):not([type=file]),.ui-aurora .card select,.ui-aurora .card textarea,.ui-aurora .auth-card input:not([type=checkbox]){border:1px solid var(--au-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--au-sh-1)}
.ui-aurora .form input:focus,.ui-aurora .form select:focus,.ui-aurora .form textarea:focus,.ui-aurora .card input:focus,.ui-aurora .card select:focus,.ui-aurora .card textarea:focus,.ui-aurora .auth-card input:focus{border-color:color-mix(in srgb,var(--brand) 55%,#fff)!important;box-shadow:var(--au-ring)!important;outline:0}

/* ---------- Home hero: the one bold moment — light behind the box ---------- */
.ui-aurora .sx-hero{position:relative;isolation:isolate;background:none!important;padding:76px 0 64px!important;overflow:visible!important}
.ui-aurora .sx-hero:before{content:"";position:absolute;inset:-40px 0 0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.07) 1px,transparent 0);background-size:26px 26px;
  -webkit-mask:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);mask:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%)}
.au-aurora{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.au-aurora i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
.au-aurora i:nth-child(1){width:520px;height:340px;left:8%;top:32%;background:color-mix(in srgb,var(--au-azure) 55%,transparent);animation:auDrift1 22s ease-in-out infinite alternate}
.au-aurora i:nth-child(2){width:440px;height:300px;left:34%;top:46%;background:color-mix(in srgb,var(--au-violet) 42%,transparent);animation:auDrift2 26s ease-in-out infinite alternate}
.au-aurora i:nth-child(3){width:380px;height:260px;left:2%;top:58%;background:color-mix(in srgb,var(--au-cyan) 45%,transparent);animation:auDrift3 30s ease-in-out infinite alternate}
@keyframes auDrift1{to{transform:translate(60px,-30px) scale(1.08)}}
@keyframes auDrift2{to{transform:translate(-70px,20px) scale(.94)}}
@keyframes auDrift3{to{transform:translate(50px,30px) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.au-aurora i{animation:none}}
.ui-aurora .sx-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:center;max-width:1240px}
.ui-aurora .sx-hero-grid .sx-hero-in{max-width:none}
.ui-aurora .ai-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.8);border:1px solid var(--au-line);border-radius:999px;padding:6px 14px 6px 10px;font-size:13.5px;font-weight:600;color:var(--au-ink2);box-shadow:var(--au-hi),var(--au-sh-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none!important}
.ui-aurora .ai-kicker:hover{box-shadow:var(--au-hi),var(--au-sh-2);color:var(--au-ink)}
.ui-aurora .ai-h1{font-size:clamp(34px,4.6vw,60px)!important;line-height:1.04!important;word-spacing:.04em;margin-top:18px!important;color:var(--au-ink)}
.ui-aurora .ai-h1 .hl{display:inline;background:linear-gradient(100deg,var(--au-azure) 0%,#2B4BB8 45%,var(--au-violet) 70%,var(--au-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:auShine 9s ease-in-out infinite alternate}
@keyframes auShine{to{background-position:100% 0}}
.ui-aurora .sx-hero .sx-lead{font-size:18px;color:var(--au-muted);max-width:56ch;line-height:1.6}

/* AI composer — white glass with a breathing glow */
.ui-aurora .ai-composer{position:relative}
.ui-aurora .ai-composer-in{background:rgba(255,255,255,.92)!important;border-radius:22px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:var(--au-hi),0 1px 2px rgba(16,24,40,.05),0 24px 60px -24px color-mix(in srgb,var(--au-azure) 45%,transparent),0 12px 40px -20px color-mix(in srgb,var(--au-violet) 35%,transparent)!important}
.ui-aurora .ai-composer-in:focus-within{box-shadow:var(--au-hi),0 0 0 5px color-mix(in srgb,var(--brand) 10%,transparent),0 30px 70px -24px color-mix(in srgb,var(--au-azure) 55%,transparent)!important}
.ui-aurora .aic-send{width:44px;height:44px;border-radius:14px!important;background:linear-gradient(135deg,var(--au-azure),#2B4BB8 55%,var(--au-violet))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 22px -10px #2B4BB8!important}
.ui-aurora .aic-send:hover{transform:translateY(-1px) scale(1.03)}
.ui-aurora .aic-chip,.ui-aurora .ai-composer .aic-tool,.ui-aurora .ai-composer button.aic-pill{border-color:var(--au-line)!important;background:#fff!important;box-shadow:var(--au-sh-1)}
.ui-aurora .ai-examples a,.ui-aurora .ai-ex a,.ui-aurora .ai-try a{background:rgba(255,255,255,.8)!important;border:1px solid var(--au-line)!important;box-shadow:var(--au-hi),var(--au-sh-1);border-radius:999px!important;color:var(--au-ink2)!important;transition:box-shadow .2s,border-color .2s,color .2s,transform .2s var(--au-ease)}
.ui-aurora .ai-examples a:hover,.ui-aurora .ai-ex a:hover,.ui-aurora .ai-try a:hover{border-color:color-mix(in srgb,var(--au-violet) 35%,#fff)!important;color:var(--au-ink)!important;box-shadow:var(--au-hi),0 10px 24px -14px color-mix(in srgb,var(--au-violet) 70%,transparent);transform:translateY(-1px);text-decoration:none}
.ui-aurora .sx-popular>span,.ui-aurora .sx-recent>span{font-weight:600;color:var(--au-faint);font-size:13.5px}
.ui-aurora .sx-hero .sx-popular a,.ui-aurora .sx-band .sx-popular a{border:1px solid var(--au-line)!important;background:#fff!important;border-radius:999px!important;padding:6px 14px!important;font-size:14px!important;font-weight:500;color:var(--au-ink2)!important;box-shadow:var(--au-sh-1)}
.ui-aurora .sx-hero .sx-popular a:hover,.ui-aurora .sx-band .sx-popular a:hover{color:var(--brand-text,#2B4BB8)!important;border-color:color-mix(in srgb,var(--brand) 35%,#fff)!important;box-shadow:0 10px 22px -14px color-mix(in srgb,var(--brand) 70%,transparent)!important}

/* Hero side: live jobs preview (real jobs near the visitor) */
.au-live{position:relative;border-radius:26px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 #fff inset,0 0 0 1px var(--au-line2),0 40px 80px -36px rgba(37,56,140,.45),0 16px 40px -24px color-mix(in srgb,var(--au-violet) 40%,transparent)}
.au-live-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 12px}
.au-live-h strong{font-size:14.5px;font-weight:700;color:var(--au-ink)}
.au-live-h span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#0E8A5F}
.au-live-h span:before{content:"";width:7px;height:7px;border-radius:50%;background:#16B57A;box-shadow:0 0 0 0 rgba(22,181,122,.5);animation:auPulse 2.2s infinite}
@keyframes auPulse{0%{box-shadow:0 0 0 0 rgba(22,181,122,.45)}70%{box-shadow:0 0 0 8px rgba(22,181,122,0)}100%{box-shadow:0 0 0 0 rgba(22,181,122,0)}}
.au-live-list{display:grid;gap:10px}
.au-live-job{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--au-line2);border-radius:16px;padding:12px 14px;color:var(--au-ink);text-decoration:none!important;
  box-shadow:var(--au-hi),0 1px 2px rgba(16,24,40,.04),0 10px 24px -18px rgba(30,64,175,.35);transition:transform .25s var(--au-ease),box-shadow .25s var(--au-ease)}
.au-live-job:nth-child(2){margin-left:12px}
.au-live-job:nth-child(3){margin-left:24px}
.au-live-job>span{min-width:0}
.au-live-job:hover{transform:translateY(-2px);box-shadow:var(--au-hi),0 18px 36px -18px color-mix(in srgb,var(--brand) 60%,transparent)}
.au-live-job .lg{width:40px;height:40px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--au-pearl)}
.au-live-job .lg>*{width:100%;height:100%}
.au-live-job b{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-live-job small{display:block;font-size:12.5px;color:var(--au-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-live-job em{font-style:normal;font-size:12.5px;font-weight:700;color:#0E7A55;background:#EAF8F1;border-radius:999px;padding:4px 9px;white-space:nowrap}
.au-live-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding:12px 6px 2px;border-top:1px solid var(--au-line2);font-size:13.5px;color:var(--au-muted)}
.au-live-f a{font-weight:700;color:var(--brand-text,#2B4BB8)}
@keyframes auRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.ui-aurora .sx-hero-grid{grid-template-columns:minmax(0,1fr)}.au-live{display:none}}

/* ---------- Sections & cards ---------- */
.ui-aurora .sx-home-more:not(:empty){border-top:1px solid var(--au-line2);background:linear-gradient(180deg,var(--au-pearl),#fff 340px)!important}
.ui-aurora .hx-section h2,.ui-aurora .sec-title,.ui-aurora .sec-head h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;}
.ui-aurora .card,.ui-aurora .sx-job,.ui-aurora .hx-job,.ui-aurora .hx-card,.ui-aurora .hx-jd-card,.ui-aurora .sx-box,.ui-aurora .sx-note,.ui-aurora .sx-empty,.ui-aurora .sx-emailbar,.ui-aurora .px-card,.ui-aurora .auth-card,.ui-aurora .insights,.ui-aurora .near-card,.ui-aurora .brand,.ui-aurora .faq{
  background:#fff;border:1px solid var(--au-line)!important;box-shadow:var(--au-hi),var(--au-sh-2)!important}
.ui-aurora .card,.ui-aurora .hx-jd-card,.ui-aurora .auth-card{border-radius:var(--au-r-l)!important}
.ui-aurora .sx-job,.ui-aurora .hx-job,.ui-aurora .px-card,.ui-aurora .near-card,.ui-aurora .brand{border-radius:var(--au-r-l)!important;transition:transform .25s var(--au-ease),box-shadow .25s var(--au-ease),border-color .25s}
.ui-aurora .sx-job:hover,.ui-aurora .hx-job:hover,.ui-aurora .px-card:hover,.ui-aurora .near-card:hover,.ui-aurora a.brand:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 22%,var(--au-line))!important;box-shadow:var(--au-hi),var(--au-sh-3)!important}
.ui-aurora .sx-job.is-sponsored,.ui-aurora .sx-job.is-featured{border-color:color-mix(in srgb,var(--brand) 26%,#fff)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 3%,#fff),#fff 60%)}
.ui-aurora .sx-job-title{font-size:20px;font-weight:700;}
.ui-aurora .sx-job-title a,.ui-aurora .hx-job h3 a{color:var(--au-ink)}
.ui-aurora .sx-job-title a:hover,.ui-aurora .hx-job h3 a:hover{color:var(--brand-text,#2B4BB8);text-decoration:none}
.ui-aurora .sx-job-title a:visited{color:color-mix(in srgb,var(--au-ink) 72%,#2B4BB8)}
.ui-aurora .sx-pay strong{color:var(--au-ink)}
.ui-aurora .sx-chips span,.ui-aurora .hx-tags span,.ui-aurora .pill{background:var(--au-pearl)!important;border:1px solid var(--au-line2)!important;color:var(--au-ink2)}
.ui-aurora .sx-fav{width:38px;height:38px;place-items:center;border-radius:12px;border:1px solid var(--au-line2);background:#fff;transition:all .2s}
.ui-aurora .sx-fav:hover{border-color:#FBCFD3;background:#FFF5F6;color:#E5303A}
.ui-aurora .sx-flag{font-size:11.5px;font-weight:700;color:var(--brand-text,#2B4BB8);background:color-mix(in srgb,var(--brand) 8%,#fff);border-radius:999px;padding:2px 9px;margin-bottom:8px}
.ui-aurora .sx-list{gap:14px}

/* Results band */
.ui-aurora .sx-band{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.8))!important;border-bottom:1px solid var(--au-line2)}
.ui-aurora .sx-band .sx-sfield,.ui-aurora .sx-sfield{background:#fff!important;border:1px solid var(--au-line)!important;border-radius:14px!important;box-shadow:var(--au-hi),var(--au-sh-2)!important}
.ui-aurora .sx-band .sx-sfield:focus-within{box-shadow:var(--au-ring),var(--au-sh-2)!important;border-color:color-mix(in srgb,var(--brand) 50%,#fff)!important}
.ui-aurora .sx-band .sx-go{border-radius:14px!important}
.ui-aurora .sx-askai{border-radius:14px;background:linear-gradient(135deg,rgba(43,75,184,.07),rgba(43,75,184,.1));border-color:color-mix(in srgb,var(--au-violet) 25%,#fff);box-shadow:var(--au-hi)}
.ui-aurora .sx-pill{border-radius:12px;border-color:var(--au-line);box-shadow:var(--au-hi),var(--au-sh-1);font-weight:500}
.ui-aurora .sx-pill:hover{box-shadow:var(--au-hi),var(--au-sh-2)}
.ui-aurora .sx-pill.on{background:color-mix(in srgb,var(--brand) 6%,#fff);border-color:color-mix(in srgb,var(--brand) 45%,#fff)}
.ui-aurora .sx-head h1{font-size:15.5px}

/* Dropdowns, menus, suggest, drawer */
.ui-aurora .dd-menu,.ui-aurora .sx-menu,.ui-aurora .suggest{border:1px solid var(--au-line)!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 #fff inset,0 24px 60px -24px rgba(15,23,42,.32),0 8px 24px -16px color-mix(in srgb,var(--brand) 40%,transparent)!important;animation:auPop .16s var(--au-ease)}
@keyframes auPop{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.ui-aurora .sx-drawer{background:rgba(10,16,36,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ui-aurora .sx-drawer-panel{border-radius:24px 0 0 24px;box-shadow:-30px 0 80px -30px rgba(15,23,42,.35)}
.ui-aurora .sx-drawer-nav a{border-radius:12px;font-weight:550}
.ui-aurora .sx-drawer-nav a:hover{background:var(--au-pearl)}

/* Tabs & segmented controls */
.ui-aurora .tabs{gap:4px;padding:5px;background:var(--au-pearl);border:1px solid var(--au-line2);border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ui-aurora .tabs::-webkit-scrollbar{display:none}
.ui-aurora .tabs a{border-radius:999px!important;font-weight:600;color:var(--au-ink2);white-space:nowrap}
.ui-aurora .tabs a.active,.ui-aurora .tabs a.on{background:#fff!important;color:var(--au-ink)!important;box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 16px -10px rgba(30,64,175,.4)}
.ui-aurora .hx-seg{background:var(--au-pearl)!important;border:1px solid var(--au-line2);border-radius:14px!important;padding:5px!important}
.ui-aurora .hx-seg a,.ui-aurora .hx-seg button{border-radius:10px!important;font-weight:600}
.ui-aurora .hx-seg .on,.ui-aurora .hx-seg .active{background:#fff!important;color:var(--au-ink)!important;box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 16px -10px rgba(30,64,175,.4)}

/* Tables */
.ui-aurora .tbl th{font-size:12.5px;font-weight:700;color:var(--au-muted);background:var(--au-pearl)}
.ui-aurora .tbl td,.ui-aurora .tbl th{border-color:var(--au-line2)!important}
.ui-aurora .tbl tr:hover td{background:color-mix(in srgb,var(--brand) 2.5%,#fff)}

/* Modals & toast */
.ui-aurora .modal-box{border-radius:24px!important;border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 100px -30px rgba(15,23,42,.45)!important}
.ui-aurora .modal-box:before{background:linear-gradient(90deg,var(--au-azure),var(--au-violet),var(--au-cyan))!important;height:4px!important}
.ui-aurora .modal{background:rgba(10,16,36,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ui-aurora .toast{border-radius:14px;background:rgba(10,16,36,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px -20px rgba(10,16,36,.6)}

/* Auth pages */
.ui-aurora .auth-wrap{position:relative;background:none!important}
.ui-aurora .auth-card{border-radius:24px!important;padding:clamp(22px,4vw,40px)!important}

/* Job page */
.ui-aurora .hx-jd-card{overflow:hidden}
.ui-aurora .hx-jd-pay{color:var(--au-ink)!important;font-weight:800}
.ui-aurora .hx-apply{border-radius:14px!important;font-weight:700}

/* Account heads */
.ui-aurora .page-head h1{font-size:clamp(24px,2.6vw,32px);}

/* Footer */
.ui-aurora .sx-foot,.ui-aurora footer.foot,.ui-aurora .px-foot{background:#fff!important;border-top:1px solid var(--au-line2);box-shadow:none!important;position:relative}
.ui-aurora .sx-foot:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--au-azure) 35%,transparent),color-mix(in srgb,var(--au-violet) 30%,transparent),transparent)}
.ui-aurora .sx-foot .logo{filter:none!important;opacity:1!important;font-size:24px!important;color:var(--au-ink)!important}
.ui-aurora .sx-foot-col h4{font-size:14px;font-weight:700;color:var(--au-ink)}
.ui-aurora .sx-foot-col a{font-size:14.5px;color:var(--au-muted)}
.ui-aurora .sx-foot-col a:hover{color:var(--brand-text,#2B4BB8)}
.ui-aurora .sx-social a{border-radius:12px;background:#fff;border:1px solid var(--au-line);color:var(--au-muted);box-shadow:var(--au-sh-1)}
.ui-aurora .sx-social a:hover{color:var(--brand-text,#2B4BB8);box-shadow:var(--au-sh-2)}
.ui-aurora .sx-store{background:var(--au-ink);color:#fff;border-radius:12px}
.ui-aurora .sx-store:hover{color:#fff;box-shadow:0 12px 24px -12px rgba(10,16,36,.6)}

/* ---------- Motion: page changes ---------- */
#jbProgress{height:2px}
#jbProgress i{background:linear-gradient(90deg,transparent,var(--au-azure),var(--au-violet),var(--au-cyan),transparent)!important}
.ui-aurora main.jb-in{animation:auIn .32s var(--au-ease)}
@keyframes auIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ui-aurora .jb-skel{border-radius:18px;border-color:var(--au-line2);background:linear-gradient(90deg,#F3F6FB 0%,#FBFCFE 40%,#F3F6FB 80%);background-size:200% 100%}
@view-transition{navigation:auto}
::view-transition-old(root){animation:auVtOut .18s ease-in both}
::view-transition-new(root){animation:auVtIn .26s var(--au-ease) both}
@keyframes auVtOut{to{opacity:0}}
@keyframes auVtIn{from{opacity:0;transform:translateY(4px)}}
.ui-aurora .sx-top{view-transition-name:jb-header}
::view-transition-old(jb-header),::view-transition-new(jb-header){animation:none}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.ui-aurora main.jb-in{animation:none}}

/* ---------- Mobile ---------- */
@media (max-width:640px){
  .ui-aurora .sx-top-in{min-height:60px!important;gap:8px}
  .ui-aurora .sx-top .logo{font-size:20px}
  .ui-aurora .logo .logo-mark svg,.ui-aurora .sx-top .logo .logo-mark svg{width:32px!important;height:32px!important}
  .ui-aurora .sx-act{padding:8px}
  .ui-aurora .sx-burger{width:38px;height:38px}
  .ui-aurora .sx-hero{padding:34px 0 36px!important}
  .ui-aurora .ai-h1{font-size:clamp(30px,8.6vw,40px)!important;margin-top:14px!important}
  .ui-aurora .sx-hero .sx-lead{font-size:16px}
  .au-aurora i{filter:blur(46px)}
  .au-aurora i:nth-child(1){width:300px;height:240px;left:-10%;top:40%}
  .au-aurora i:nth-child(2){width:260px;height:220px;left:40%;top:52%}
  .au-aurora i:nth-child(3){display:none}
  .ui-aurora .sx-job-title{font-size:18px}
  .ui-aurora .sx-drawer-panel{border-radius:20px 0 0 20px}
  .ui-aurora .tabs{width:auto}
}

/* ---------- Dashboards: white hero instead of the old navy band ---------- */
.ui-aurora .hirer-hero{color:var(--au-ink);background:radial-gradient(520px 220px at 92% 0%,color-mix(in srgb,var(--au-violet) 12%,transparent),transparent 70%),radial-gradient(520px 220px at 6% 100%,color-mix(in srgb,var(--au-azure) 10%,transparent),transparent 70%),linear-gradient(180deg,#fff,var(--au-pearl))!important;border-bottom:1px solid var(--au-line2)}
.ui-aurora .hirer-hero h1{color:var(--au-ink)}
.ui-aurora .hirer-hero p{color:var(--au-muted)}
.ui-aurora .hirer-hero .role-chip{background:#E8F7F0;color:#0F7B55}
.ui-aurora .btn-white{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--brand)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -12px var(--brand)!important}
.ui-aurora .btn-outline-w{background:#fff!important;color:var(--au-ink)!important;border:1px solid var(--au-line)!important;box-shadow:var(--au-hi),var(--au-sh-1)!important}
.ui-aurora .hx-cta-card .btn-white{background:#fff!important;color:var(--brand-text,#2B4BB8)!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.35)!important}
.ui-aurora .card.stat strong{font-size:30px;font-weight:800;}
.ui-aurora .card.stat>span:first-child{font-size:13px;font-weight:600;color:var(--au-muted)}
@media (max-width:640px){
  .ui-aurora .acc-grid.four,.ui-aurora .ent-kpis{grid-template-columns:1fr 1fr!important;gap:10px}
  .ui-aurora .acc-grid.four .card.stat{padding:16px!important}
  .ui-aurora .card.stat strong{font-size:24px}
}

/* ---------- v2.14 — Your matches ---------- */
.mt{padding-top:30px;padding-bottom:56px}
.mt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.mt-head h1{font-size:clamp(26px,3vw,36px);}.mt-head p{margin:4px 0 0}
.mt-hello{display:flex;gap:16px;align-items:center;padding:22px 24px;border-radius:22px;margin-bottom:18px;border:1px solid color-mix(in srgb,#12A06B 22%,#fff);
  background:radial-gradient(420px 160px at 95% 0%,color-mix(in srgb,var(--au-violet) 10%,transparent),transparent 70%),linear-gradient(180deg,#F1FBF6,#fff);box-shadow:var(--au-hi),var(--au-sh-2)}
.mt-hello-ic{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#16B57A,#0F8A5F);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 10px 22px -10px #0F8A5F}
.mt-hello h1{font-size:clamp(20px,2.4vw,28px);}.mt-hello p{margin:4px 0 0;color:var(--au-muted)}
.mt-basis{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 16px!important;margin-bottom:20px}
.mt-basis-l{font-size:13px;font-weight:700;color:var(--au-faint);margin-right:4px}
.mt-tag{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;padding:5px 11px;border-radius:999px;background:var(--au-pearl);border:1px solid var(--au-line2);color:var(--au-ink2)}
.mt-tag.t{background:color-mix(in srgb,var(--brand) 6%,#fff);border-color:color-mix(in srgb,var(--brand) 14%,#fff);color:var(--brand-text,#2B4BB8);font-weight:600}
.mt-basis-edit{margin-left:auto;font-weight:600;font-size:14px}
.mt-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.mt-sec-h{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 12px}.mt-sec-h h2{font-size:20px;}
.mt-jobs{display:grid;gap:12px}
.mt-job{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px!important;border-radius:18px!important;transition:transform .25s var(--au-ease),box-shadow .25s var(--au-ease),border-color .25s}
.mt-job:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 22%,var(--au-line))!important;box-shadow:var(--au-hi),var(--au-sh-3)!important}
.mt-score{--p:70;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#12A06B calc(var(--p)*1%),var(--au-line2) 0)}
.mt-score:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.mt-score b{position:relative;font-size:14.5px;font-weight:800;color:var(--au-ink)}
.mt-job h3{font-size:17px;margin:0}.mt-job h3 a{color:var(--au-ink)}.mt-job h3 a:hover{color:var(--brand-text,#2B4BB8);text-decoration:none}
.mt-meta{margin:3px 0 0;color:var(--au-muted);font-size:14px}.mt-meta strong{color:var(--au-ink);font-weight:700}
.mt-why{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.mt-why span{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;padding:3px 9px;border-radius:999px}
.mt-why .ok{background:#E9F7F0;color:#0F7B55;font-weight:600}.mt-why .sk{background:var(--au-pearl);border:1px solid var(--au-line2);color:var(--au-ink2)}
.mt-job-act{display:flex;align-items:center;gap:8px}
.mt-save{width:38px;height:38px;border-radius:12px;border:1px solid var(--au-line2);background:#fff;color:var(--brand-text,#2B4BB8);display:grid;place-items:center;cursor:pointer;transition:all .2s}
.mt-save:hover,.mt-save.on{color:#E5303A;border-color:#FBCFD3;background:#FFF5F6}.mt-save.on svg{fill:#E5303A}
.mt-cos{display:grid;gap:10px}
.mt-co{display:grid;gap:8px;padding:14px 16px!important;border-radius:18px!important;color:var(--au-ink)!important;text-decoration:none!important;transition:transform .25s var(--au-ease),box-shadow .25s var(--au-ease)}
.mt-co:hover{transform:translateY(-2px);box-shadow:var(--au-hi),var(--au-sh-3)!important}
.mt-co-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center}
.mt-co .logo-box{width:42px;height:42px;border-radius:12px;overflow:hidden;display:grid;place-items:center}
.mt-co-n{min-width:0}.mt-co-n strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-co-n small{color:var(--au-muted);font-size:12.5px}
.mt-co-fit{font-weight:800;font-size:13px;color:#0F7B55;background:#E9F7F0;border-radius:999px;padding:4px 9px}
.mt-co-roles{font-size:13.5px;color:var(--au-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-co-sk{display:flex;flex-wrap:wrap;gap:5px}.mt-co-sk i{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--au-pearl);border:1px solid var(--au-line2);color:var(--au-muted)}
.mt-tip{margin-top:12px;padding:16px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 4%,#fff),#fff)!important}.mt-tip p{margin:6px 0 8px;color:var(--au-muted);font-size:14px}.mt-tip a{font-weight:600}
.mt-none{padding:18px!important;color:var(--au-muted)}
.mt-empty{text-align:center;padding:44px 24px!important;max-width:640px;margin:10px auto}
.mt-empty-ic{width:56px;height:56px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;color:var(--brand-text,#2B4BB8);background:color-mix(in srgb,var(--brand) 8%,#fff)}
.mt-empty p{color:var(--au-muted);max-width:52ch;margin:8px auto 18px}
@media (max-width:980px){.mt-grid{grid-template-columns:1fr}}
@media (max-width:560px){.mt-job{grid-template-columns:52px minmax(0,1fr);padding:14px!important}.mt-score{width:50px;height:50px}.mt-job-act{grid-column:1/-1;justify-content:flex-end}.mt-hello{flex-direction:column;align-items:flex-start}}

/* ---------- v2.14 — Partner program page ---------- */
.pp-hero{position:relative;isolation:isolate;padding:72px 0 56px;overflow:hidden}
.pp-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.07) 1px,transparent 0);background-size:26px 26px;-webkit-mask:radial-gradient(70% 70% at 40% 30%,#000,transparent 75%);mask:radial-gradient(70% 70% at 40% 30%,#000,transparent 75%)}
.pp-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center}
.pp-hero h1{font-size:clamp(32px,4.4vw,54px);line-height:1.05;margin:16px 0 0;word-spacing:.04em}
.pp-hero h1 .hl{background:linear-gradient(100deg,var(--au-azure),#2B4BB8 50%,var(--au-violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-lead{font-size:18px;color:var(--au-muted);max-width:58ch;line-height:1.6;margin:16px 0 26px}
.pp-cta{display:flex;gap:10px;flex-wrap:wrap}.pp-cta .btn{padding:13px 22px}
.pp-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px!important;border-radius:24px!important;background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pp-stats-h{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--au-ink2)}
.pp-stats div{background:var(--au-pearl);border:1px solid var(--au-line2);border-radius:16px;padding:14px}
.pp-stats strong{display:block;font-size:26px;font-weight:800;}.pp-stats span{font-size:13px;color:var(--au-muted)}
.pp-sec{padding-top:40px;padding-bottom:8px}
.pp-sec>h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:18px}
.pp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pp-steps li{padding:22px!important}
.pp-n{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--au-azure),#2B4BB8);box-shadow:0 8px 18px -8px #2B4BB8;margin-bottom:12px}
.pp-steps h3,.pp-feats h3{font-size:17px;margin:0 0 6px;}.pp-steps p,.pp-feats p{margin:0;color:var(--au-muted);font-size:14.5px;line-height:1.55}
.pp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pp-feats .card{padding:22px!important}
.pp-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--brand-text,#2B4BB8);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,#fff),color-mix(in srgb,var(--au-violet) 8%,#fff));border:1px solid color-mix(in srgb,var(--brand) 14%,#fff);margin-bottom:12px}
.pp-apply{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;padding-bottom:64px;scroll-margin-top:90px}
.pp-form{padding:28px!important;border-radius:24px!important}
.pp-form h2{font-size:24px;}.pp-form>p{margin:6px 0 18px}
.pp-form .form{display:grid;gap:14px}
.pp-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.pp-form input,.pp-form select,.pp-form textarea{padding:11px 13px;font:inherit}
.pp-form .btn{justify-self:start;padding:12px 24px}
.pp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pp-done{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#16B57A,#0F8A5F);margin-bottom:12px}
.pp-side{display:grid;gap:14px}.pp-side .card{padding:20px!important}.pp-side h3{font-size:17px}.pp-side p{font-size:14px;margin:6px 0 12px}
@media (max-width:980px){.pp-hero-in,.pp-apply{grid-template-columns:1fr}.pp-steps,.pp-feats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pp-hero{padding:36px 0 28px}.pp-steps,.pp-feats{grid-template-columns:1fr}.pp-form{padding:20px!important}.pp-cta .btn{flex:1}}
/* main menu: in the header when there is room; on smaller screens the same links sit in a row under it (.sx-subnav) */
.ui-aurora .sx-nav{display:flex}
.sx-subnav{display:none}
@media (max-width:1180px){.ui-aurora .sx-nav{display:none}
  .ui-aurora .sx-subnav{display:block;border-top:1px solid var(--au-line2)}
  .ui-aurora .sx-subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:6px;padding-bottom:6px}
  .ui-aurora .sx-subnav .wrap::-webkit-scrollbar{display:none}
  .ui-aurora .sx-subnav a{flex:none;padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;color:var(--au-ink2);text-decoration:none;white-space:nowrap}
  .ui-aurora .sx-subnav a:hover{background:var(--au-pearl);color:var(--au-ink)}
  .ui-aurora .sx-subnav a.active{background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand-text,#2B4BB8)}}
.photo-rule{display:flex;gap:7px;align-items:flex-start;margin:6px 0 0;font-size:13px;color:var(--au-muted);line-height:1.45}.photo-rule .ic{margin-top:2px;color:var(--brand-text,#2B4BB8)}

/* ---------- v2.14 — sign-up: resume & photo ---------- */
.su-cv{display:grid;gap:10px;margin:14px 0 6px}
.su-drop,.su-photo{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1.5px dashed color-mix(in srgb,var(--brand) 30%,var(--au-line));border-radius:16px;background:color-mix(in srgb,var(--brand) 3%,#fff);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.su-photo{border-style:solid;border-color:var(--au-line);background:#fff}
.su-drop:hover,.su-photo:hover{border-color:color-mix(in srgb,var(--brand) 55%,#fff);box-shadow:var(--au-sh-2)}
.su-drop.has,.su-photo.has{border-style:solid;border-color:color-mix(in srgb,#12A06B 45%,#fff);background:#F3FBF7}
.su-drop input,.su-photo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.su-drop-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--brand-text,#2B4BB8);background:#fff;border:1px solid color-mix(in srgb,var(--brand) 18%,#fff)}
.su-photo-av{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--au-faint);background:var(--au-pearl);border:1px solid var(--au-line)}
.su-photo-av img{width:100%;height:100%;object-fit:cover}
.su-drop-t{display:flex;flex-direction:column;gap:2px;min-width:0}.su-drop-t strong{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-drop-t strong small{font-weight:500;color:var(--au-faint)}
.su-drop-t>small{font-size:12.5px;color:var(--au-muted);line-height:1.45}
.su-drop-btn{font-size:13.5px;font-weight:650;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--au-line);box-shadow:var(--au-sh-1);white-space:nowrap}
.su-later{display:flex;gap:6px;align-items:flex-start;margin:2px 0 0;font-size:13px;color:var(--au-muted)}.su-later .ic{color:#12A06B;margin-top:2px}
.su-later.warn{color:#A35A06}
@media (max-width:520px){.su-drop,.su-photo{grid-template-columns:40px minmax(0,1fr)}.su-drop-btn{display:none}.su-drop-ic,.su-photo-av{width:40px;height:40px}}
.ui-aurora .hx-profile-av{overflow:hidden}.ui-aurora .hx-profile-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ui-aurora .sx-ava{overflow:hidden}.ui-aurora .sx-ava img{width:100%;height:100%;object-fit:cover}

/* ==========================================================================
   v2.15 — simpler, friendlier: client review (PDF, 19 Oct 2026)
   ========================================================================== */
:root{--accent:#2B4BB8;--search-border:#2B4BB8;--slate:#475569;--slate-2:#64748B}

/* type scale: clear steps between headings, text and small print */
body.ui-aurora{font-size:15.5px}
.ui-aurora .sx-hero .sx-lead,.ui-aurora .hx-simple .sx-lead{font-size:16px!important;color:var(--slate-2)!important;line-height:1.6;margin:12px auto 24px!important;max-width:52ch}
.ui-aurora .hx-section h2,.ui-aurora .near-head h2{font-size:clamp(20px,2vw,24px)}
.ui-aurora .near-sub,.ui-aurora .hx-head p{font-size:14px;color:var(--slate-2)}
.ui-aurora .sx-foot-col h4,.ui-aurora .f-col h4{font-size:15px!important;font-weight:700;color:var(--au-ink)!important;margin-bottom:6px}
.ui-aurora .sx-foot-col a,.ui-aurora .f-col a{font-size:13.5px!important;color:var(--slate-2)!important}
.ui-aurora .sx-foot-col a:hover,.ui-aurora .f-col a:hover{color:var(--brand-text,#2B4BB8)!important}
.ui-aurora .sx-foot-bottom{font-size:12.5px}

/* header: logo + location on the left, menu, then Favorites · For Companies · Log in · Register */
.ui-aurora .sx-top-in{gap:14px!important}
.ui-aurora .sx-top .geo-dd{margin-left:2px}
.ui-aurora .geo-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 10px;font-size:14px;font-weight:600;color:var(--au-ink2);cursor:pointer;border:1px solid var(--au-line)!important;border-radius:999px!important;background:#fff!important;box-shadow:var(--au-sh-1)}
.ui-aurora .geo-chip:hover{box-shadow:var(--au-sh-2);color:var(--au-ink)}
.ui-aurora .geo-chip.has-town{color:var(--brand-text,#2B4BB8)}
.ui-aurora .geo-chip .geo-chip-cc{display:none}
.ui-aurora .geo-chip-t{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-aurora .geo-menu{left:0;right:auto;min-width:300px}
.geo-guess{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--brand) 6%,#fff);font-size:13.5px;font-weight:600;color:var(--au-ink)}
.geo-guess span{flex:1}
.geo-yes{border:0;border-radius:999px;padding:6px 14px;font:inherit;font-weight:650;color:#fff;background:var(--brand);cursor:pointer}
.ui-aurora .geo-gps{width:100%;justify-content:center}
.ui-aurora .sx-nav{margin-left:6px}
.ui-aurora .sx-actions{gap:6px!important}
.ui-aurora .sx-act{font-size:14.5px}
.ui-aurora .sx-act .sx-count[hidden]{display:none}
.ui-aurora .sx-me .ic:last-child{opacity:.6}
.ui-aurora .sx-register{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;font-weight:650;font-size:14.5px;color:var(--btn-ink,#fff)!important;text-decoration:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--btn,var(--brand));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -10px var(--btn,var(--brand));transition:transform .18s,filter .2s}
.ui-aurora .sx-register:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media (max-width:1180px){.ui-aurora .sx-act.blue .t{display:none}}
@media (max-width:960px){.ui-aurora .sx-act .t{display:none}.ui-aurora .geo-chip-t{max-width:90px}}
@media (max-width:640px){
  .ui-aurora .sx-top-in{gap:8px!important}
  .ui-aurora .geo-chip{height:34px;padding:0 9px;font-size:13px}
  .ui-aurora .geo-chip:not(.has-town) .geo-chip-t{display:none}
  .ui-aurora .geo-chip:not(.has-town) .geo-chip-cc{display:inline}
  .ui-aurora .sx-act.blue,.ui-aurora .sx-login,.ui-aurora .sx-me .ic:last-child{display:none}
  .ui-aurora .sx-register{height:34px;padding:0 14px;font-size:13.5px}
  .ui-aurora .geo-menu{position:fixed!important;left:12px!important;right:12px!important;top:66px!important;min-width:0}
}

/* the search box: a clean purple border (no rainbow ring); "Search ↗" button */
.ui-aurora .ai-composer,.ui-aurora.ring-on .ai-composer{background:var(--search-border)!important;animation:none!important;padding:2px!important}
.ui-aurora .ai-composer .ai-glow{background:radial-gradient(60% 70% at 30% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(50% 70% at 75% 50%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%)!important;animation:none!important;opacity:.8}
.ui-aurora .ai-composer-in{background:#fff!important}
.ui-aurora .aic-send{width:auto!important;height:44px;padding:0 18px 0 20px!important;border-radius:999px!important;display:inline-flex!important;align-items:center;gap:6px;font:inherit;font-weight:650;font-size:15px}
.ui-aurora .aic-send .ic{transform:none}

/* button styles (Admin → Appearance → Buttons) */
.btn-gradient .btn-primary,.btn-gradient .sx-btn:not(.ghost),.btn-gradient .sx-go,.btn-gradient .sx-find,.btn-gradient .hx-apply,.btn-gradient .aic-send,.btn-gradient .px-btn:not(.ghost),.btn-gradient .sx-register,.btn-gradient .su-btn:not(.ghost){
  background:linear-gradient(110deg,var(--btn,var(--brand)),var(--accent))!important;box-shadow:0 10px 24px -12px var(--accent)!important}
.btn-solid .btn-primary,.btn-solid .sx-btn:not(.ghost),.btn-solid .sx-go,.btn-solid .sx-find,.btn-solid .hx-apply,.btn-solid .aic-send,.btn-solid .px-btn:not(.ghost),.btn-solid .sx-register,.btn-solid .su-btn:not(.ghost){
  background:var(--btn,var(--brand))!important;box-shadow:none!important;border-radius:10px!important}
.btn-solid .btn,.btn-solid .su-btn{border-radius:10px!important}
.btn-square .btn-primary,.btn-square .sx-btn:not(.ghost),.btn-square .sx-go,.btn-square .sx-find,.btn-square .hx-apply,.btn-square .aic-send,.btn-square .px-btn:not(.ghost),.btn-square .sx-register,.btn-square .su-btn:not(.ghost){
  background:var(--btn,var(--brand))!important;box-shadow:none!important;border-radius:4px!important}
.btn-square .btn,.btn-square .su-btn{border-radius:4px!important}
.btn-outline .btn-primary,.btn-outline .sx-btn:not(.ghost),.btn-outline .sx-go,.btn-outline .sx-find,.btn-outline .hx-apply,.btn-outline .aic-send,.btn-outline .px-btn:not(.ghost),.btn-outline .sx-register,.btn-outline .su-btn:not(.ghost){
  background:#fff!important;color:var(--btn,var(--brand))!important;box-shadow:inset 0 0 0 2px var(--btn,var(--brand))!important}
.btn-outline .btn-primary:hover,.btn-outline .sx-btn:not(.ghost):hover,.btn-outline .sx-go:hover,.btn-outline .sx-find:hover,.btn-outline .hx-apply:hover,.btn-outline .aic-send:hover,.btn-outline .sx-register:hover,.btn-outline .su-btn:not(.ghost):hover{background:var(--btn,var(--brand))!important;color:#fff!important}

/* headline: blue → purple highlight */
.ui-aurora .ai-h1 .hl{background:linear-gradient(100deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 50%,var(--accent)) 50%,var(--accent) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:none!important}

/* home hero: centred and simple (like Reed / Monster) */
.ui-aurora .hx-simple{text-align:center;padding:56px 0 30px!important}
.ui-aurora .hx-simple .sx-hero-in{max-width:860px!important;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.ui-aurora .hx-simple .ai-h1{margin-top:16px!important}
.ui-aurora .hx-simple .ai-composer{width:100%;text-align:left}
.ui-aurora .hx-simple .ai-examples,.ui-aurora .hx-simple .ai-ex,.ui-aurora .hx-simple .ai-try{justify-content:center}
.live-count{display:inline-flex;align-items:center;gap:7px;padding:7px 15px 7px 12px;border-radius:999px;background:#fff;border:1px solid var(--au-line);box-shadow:var(--au-sh-1);font-size:14px;color:var(--slate);text-decoration:none!important}
.live-count strong{color:var(--au-ink);font-weight:800;}
.live-count .live-new{color:var(--slate-2)}
.live-count:hover{box-shadow:var(--au-sh-2)}
.live-dot{width:8px;height:8px;border-radius:50%;background:#16B57A;animation:auPulse 2.2s infinite}

/* companies hiring: slowly scrolling logos */
.logo-strip{padding:6px 0 22px;overflow:hidden}
.logo-strip-h{text-align:center;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--slate-2)}
.logo-strip-track{display:flex;width:max-content;animation:logoScroll 60s linear infinite;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-strip:hover .logo-strip-track{animation-play-state:paused}
.logo-strip-row{display:flex;gap:12px;padding-right:12px}
.logo-strip-row a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;border:1px solid var(--au-line2);box-shadow:var(--au-sh-1);color:var(--au-ink2);font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none!important;transition:box-shadow .2s,color .2s}
.logo-strip-row a:hover{color:var(--brand-text,#2B4BB8);box-shadow:var(--au-sh-2)}
.logo-strip-row .logo-box{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:11px}
.logo-strip-row .logo-box>*{width:100%;height:100%}
@keyframes logoScroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logo-strip{overflow-x:auto}.logo-strip-track{animation:none;-webkit-mask:none;mask:none}.logo-strip-row[aria-hidden]{display:none}}

/* jobs posted near you: one row of the newest */
.ui-aurora .near{padding-top:26px}
.ui-aurora .near-list.one-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.ui-aurora .near-list.one-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.ui-aurora .near-list.one-row>*{scroll-snap-align:start}.ui-aurora .near-list.one-row::-webkit-scrollbar{display:none}}

/* recent & popular searches near the footer */
.searches-foot{display:grid;gap:20px;padding-top:30px!important;padding-bottom:34px!important}
.searches-foot h2{font-size:17px!important;margin-bottom:10px;}
.searches-foot .hx-chiprow{display:flex;flex-wrap:wrap;gap:8px}
.searches-foot .hx-chiprow a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--au-line);color:var(--au-ink2);text-decoration:none!important}
.searches-foot .hx-chiprow a:hover{color:var(--brand-text,#2B4BB8);border-color:color-mix(in srgb,var(--brand) 35%,#fff)}

/* phone bottom bar (Hirable kit): icon + label */
@media (max-width:760px){
  body.ui-aurora.has-tabbar{--tabbar:66px}
  .ui-aurora .tabbar{display:flex!important;height:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--au-line2);box-shadow:0 -10px 30px -20px rgba(15,23,42,.25)}
  .ui-aurora .tabbar a,.ui-aurora .tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px!important;font-weight:600;color:var(--slate-2);background:none;border:0;cursor:pointer;font-family:inherit;position:relative;text-decoration:none!important;border-radius:14px}
  .ui-aurora .tabbar .ic{width:22px!important;padding:0!important;background:none!important}
  .ui-aurora .tabbar a.on,.ui-aurora .tabbar button.on{color:var(--brand-text,#2B4BB8)}
  .ui-aurora .tabbar a.on::before{content:"";position:absolute;top:-6px;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--brand)}
  .ui-aurora .tabbar b{position:absolute;top:0;left:calc(50% + 6px);background:#E5303A;color:#fff;font-size:10px;border-radius:999px;padding:0 5px;min-width:16px;text-align:center}
  .ui-aurora .sx-foot{padding-bottom:calc(var(--tabbar) + 10px)}
}
@media (min-width:761px){.ui-aurora .tabbar{display:none!important}}

/* v2.15 — Sponsor a job (Standard / Premium, like Indeed) */
.sponsor-pg{max-width:760px}
.sp-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--au-muted,#5b6680);text-decoration:none;margin:6px 0 4px}
.sp-job{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 18px}
.sp-job strong{font-size:16px}
.sp-h{font-size:17px;margin:26px 0 10px}
.sp-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp-plan{position:relative;cursor:pointer;display:block}
.sp-plan input{position:absolute;opacity:0;pointer-events:none}
.sp-plan-in{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px;border:1.5px solid var(--au-line,#e3e7ef);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.sp-plan:hover .sp-plan-in{border-color:color-mix(in srgb,var(--accent,#2B4BB8) 45%,#e3e7ef)}
.sp-plan input:checked+.sp-plan-in{border-color:var(--accent,#2B4BB8);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2B4BB8) 16%,transparent)}
.sp-plan input:focus-visible+.sp-plan-in{outline:2px solid var(--accent,#2B4BB8);outline-offset:2px}
.sp-plan-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16px}
.sp-price{font-size:14px;color:var(--au-muted,#5b6680)}
.sp-price b{font-size:24px;color:var(--au-ink,#0f172a);}
.sp-points{display:flex;flex-direction:column;gap:5px;font-size:13.5px;margin-top:4px}
.sp-points span{display:flex;gap:6px;align-items:flex-start}
.sp-points svg{color:#0f7b55;flex:none;margin-top:2px}
.sp-days{display:flex;flex-wrap:wrap;gap:8px}
.sp-day input{position:absolute;opacity:0;pointer-events:none}
.sp-day span{display:inline-block;padding:9px 16px;border:1.5px solid var(--au-line,#e3e7ef);border-radius:999px;background:#fff;font-size:14px;cursor:pointer}
.sp-day input:checked+span{border-color:var(--accent,#2B4BB8);background:color-mix(in srgb,var(--accent,#2B4BB8) 8%,#fff);color:var(--accent,#2B4BB8);font-weight:600}
.sp-day input:focus-visible+span{outline:2px solid var(--accent,#2B4BB8);outline-offset:2px}
.sp-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;padding:16px 18px}
.sp-sum div{display:flex;flex-direction:column;gap:3px}
.sp-sum span{font-size:13px;color:var(--au-muted,#5b6680)}
.sp-sum strong{font-size:19px}
.sp-fine{margin:8px 0 0}
.sp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.sp-stop{margin-top:14px}
.sp-ent{margin-top:22px}
.sp-note h3{margin-top:0}
@media (max-width:640px){
  .sp-plans{grid-template-columns:1fr}
  .sp-sum{grid-template-columns:1fr;gap:8px}
  .sp-sum div{flex-direction:row;justify-content:space-between;align-items:baseline}
  .sp-actions .btn{flex:1;justify-content:center}
}

/* ==========================================================================
   v2.16 — Matte finish (default; Admin → Appearance → Look).
   Flat, calm surfaces: solid white header, neutral soft shadows, solid colour
   buttons and headline, no glow, blur, halos or gradients.
   ========================================================================== */
body.finish-matte{
  --au-hi:0 0 #0000;
  --au-sh-1:0 1px 2px rgba(16,24,40,.06);
  --au-sh-2:0 1px 2px rgba(16,24,40,.06),0 2px 6px rgba(16,24,40,.04);
  --au-sh-3:0 2px 4px rgba(16,24,40,.06),0 8px 20px rgba(16,24,40,.08);
  --au-ring:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent);
  --au-pearl:#F5F6F8; --au-line:#E3E6EC; --au-line2:#ECEEF2;
  --sx-glow:var(--au-sh-2); --sx-glow-h:var(--au-sh-3);
}
body.ui-aurora.finish-matte{background:#fff!important}
/* header and footer: solid white, a plain hairline */
.finish-matte .sx-top,.finish-matte .px-top,.finish-matte .topbar{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--au-line)!important}
.finish-matte .sx-top:after,.finish-matte .px-top:after,.finish-matte .topbar:after,.finish-matte .sx-foot:before{display:none!important}
.finish-matte .logo .logo-mark,.finish-matte .logo:hover .logo-mark{filter:none!important;transform:none!important}
.finish-matte .sx-count{background:#E5303A!important;box-shadow:none!important}
.finish-matte .sx-ava{background:var(--brand)!important;box-shadow:none!important}
/* buttons: solid colour, darker on hover, no glow or lift */
.finish-matte.btn-glow .btn-primary,.finish-matte.btn-glow .sx-btn:not(.ghost),.finish-matte.btn-glow .sx-go,.finish-matte.btn-glow .sx-find,.finish-matte.btn-glow .hx-apply,.finish-matte.btn-glow .aic-send,.finish-matte.btn-glow .px-btn:not(.ghost),.finish-matte.btn-glow .sx-register,
.finish-matte.btn-solid .btn-primary,.finish-matte.btn-solid .sx-btn:not(.ghost),.finish-matte.btn-solid .sx-go,.finish-matte.btn-solid .sx-find,.finish-matte.btn-solid .hx-apply,.finish-matte.btn-solid .aic-send,.finish-matte.btn-solid .px-btn:not(.ghost),.finish-matte.btn-solid .sx-register,
.finish-matte.btn-square .btn-primary,.finish-matte.btn-square .sx-register{background:var(--btn,var(--brand))!important;box-shadow:none!important;background-image:none!important}
.finish-matte.btn-gradient .btn-primary,.finish-matte.btn-gradient .sx-find,.finish-matte.btn-gradient .hx-apply,.finish-matte.btn-gradient .aic-send,.finish-matte.btn-gradient .sx-register{box-shadow:none!important}
.finish-matte .btn-primary:hover,.finish-matte .sx-btn:not(.ghost):hover,.finish-matte .sx-go:hover,.finish-matte .sx-find:hover,.finish-matte .hx-apply:hover,.finish-matte .aic-send:hover,.finish-matte .px-btn:not(.ghost):hover,.finish-matte .sx-register:hover{filter:brightness(.92)!important;transform:none!important;box-shadow:none!important}
.finish-matte .btn:not(.btn-primary):not(.btn-danger):not(.btn-link),.finish-matte .sx-btn.ghost{box-shadow:none!important}
.finish-matte .btn:not(.btn-primary):not(.btn-danger):not(.btn-link):hover,.finish-matte .sx-btn.ghost:hover{box-shadow:none!important;background:var(--au-pearl)!important}
.finish-matte .btn-white{background:var(--brand)!important;box-shadow:none!important}
/* home hero: no halos, dot grid or drifting light; a solid-colour highlight in the headline */
.finish-matte .au-aurora,.finish-matte .ai-composer .ai-glow{display:none!important}
.finish-matte .sx-hero:before{display:none!important}
.finish-matte .sx-hero{background:#fff!important}
.finish-matte .ai-h1 .hl,.finish-matte .pp-hero h1 .hl{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--accent,#192E6F)!important;-webkit-text-fill-color:currentColor!important;animation:none!important}
.finish-matte .ai-composer-in{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
.finish-matte .ai-composer-in:focus-within{box-shadow:none!important}
.finish-matte .ai-composer:focus-within{box-shadow:var(--au-ring)!important}
.finish-matte .ai-kicker,.finish-matte .live-count{background:#fff!important;box-shadow:none!important}
.finish-matte .live-dot{animation:none!important;box-shadow:none!important}
.finish-matte .sx-home-more:not(:empty){background:var(--au-pearl)!important}
.finish-matte .sx-band{background:#fff!important}
.finish-matte .au-live{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--au-sh-2)!important}
.finish-matte .au-live-job:hover{transform:none;box-shadow:var(--au-sh-3)}
/* cards and lists */
.finish-matte .sx-job.is-sponsored,.finish-matte .sx-job.is-featured{background:#fff!important}
.finish-matte .sx-job:hover,.finish-matte .hx-job:hover,.finish-matte .px-job:hover,.finish-matte .card:hover{transform:none!important}
.finish-matte .sx-askai{background:#fff!important}
.finish-matte .tabs a.active,.finish-matte .tabs a.on,.finish-matte .hx-seg .on,.finish-matte .hx-seg .active{box-shadow:0 1px 2px rgba(16,24,40,.1)!important}
/* menus, drawer, modal, toast: solid */
.finish-matte .dd-menu,.finish-matte .sx-menu,.finish-matte .suggest{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 4px 16px rgba(16,24,40,.12)!important}
.finish-matte .sx-drawer,.finish-matte .modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(10,16,36,.4)!important}
.finish-matte .modal-box:before{background:var(--brand)!important}
.finish-matte .toast{background:#1F2533!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.finish-matte #jbProgress i{background:var(--brand)!important}
.finish-matte .jb-skel{background:#F1F3F6!important;animation:none!important}
/* hirer and partner-program pages */
.finish-matte .hirer-hero{background:var(--au-pearl)!important}
.finish-matte .mt-tip{background:#fff!important}
.finish-matte .mt-hello-ic,.finish-matte .pp-done{background:#16A06B!important}
.finish-matte .pp-hero:before{display:none!important}
.finish-matte .pp-stats{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.finish-matte .pp-n{background:var(--brand)!important;box-shadow:none!important}
.finish-matte .pp-ic{background:color-mix(in srgb,var(--brand) 9%,#fff)!important}
.finish-matte .sp-plan input:checked+.sp-plan-in{box-shadow:none}

/* ==========================================================================
   v2.16 — Company pages (/companies and /companies/{name})
   ========================================================================== */
.co-logo{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--au-line);overflow:hidden}
.co-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.co-logo .mono{width:100%;height:100%;display:grid;place-items:center;font-weight:800;font-size:18px;color:hsl(var(--h) 45% 32%);background:hsl(var(--h) 55% 94%)}
.co-logo.sm{width:40px;height:40px;border-radius:11px}.co-logo.sm .mono{font-size:14px}
.co-logo.xl{width:96px;height:96px;border-radius:22px;border-width:1px}.co-logo.xl .mono{font-size:34px}
.co-verified{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;flex:none}
.co-verified.lg{width:26px;height:26px;vertical-align:4px}

/* directory */
.co-dir-head{background:var(--au-pearl);border-bottom:1px solid var(--au-line2);padding:44px 0 26px}
.co-dir-head h1{font-size:clamp(28px,3.6vw,40px);margin:0;}
.co-dir-sub{font-size:16px;color:var(--au-muted);margin:10px 0 22px;max-width:62ch}
.co-dir-search{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--search-border,var(--accent,#2B4BB8));border-radius:16px;padding:6px 6px 6px 16px;max-width:640px;color:var(--au-faint)}
.co-dir-search input{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;background:none!important;font:inherit;font-size:16px;color:var(--au-ink);padding:10px 0!important}
.co-dir-search .btn{flex:none;border-radius:11px}
.co-fields{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:18px;padding-bottom:2px}
.co-fields::-webkit-scrollbar{display:none}
.co-fields a{flex:none;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid var(--au-line);color:var(--au-ink2);font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap}
.co-fields a:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--au-line));color:var(--brand-text,#2B4BB8)}
.co-fields a.on{background:var(--au-ink);border-color:var(--au-ink);color:#fff}
.co-dir{padding-top:26px;padding-bottom:48px}
.co-dir-count{color:var(--au-muted);margin:0 0 14px;font-size:14px}
.co-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.co-card{display:flex;flex-direction:column;gap:14px;padding:20px;background:#fff;border:1px solid var(--au-line);border-radius:18px;color:var(--au-ink)!important;text-decoration:none!important;box-shadow:var(--au-sh-1);transition:border-color .15s,box-shadow .15s}
.co-card:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--au-line));box-shadow:var(--au-sh-3)}
.co-card:hover .co-card-name strong{color:var(--brand-text,#2B4BB8)}
.co-card-top{display:flex;gap:14px;align-items:flex-start}
.co-card-name{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.co-card-name strong{font-size:17px;line-height:1.25;transition:color .15s}
.co-card-name small{display:flex;align-items:center;gap:4px;color:var(--au-muted);font-size:13.5px}
.co-roles{display:flex;flex-wrap:wrap;gap:6px}
.co-roles span{padding:5px 10px;border-radius:8px;background:var(--au-pearl);font-size:13px;color:var(--au-ink2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--au-line2);font-size:14px;color:var(--au-muted)}
.co-card-foot b{font-size:18px;color:var(--au-ink);}
.co-new{font-size:12.5px;font-weight:600;color:#0F7B55;background:#E8F6EF;padding:4px 9px;border-radius:999px}
.co-empty{text-align:center;padding:40px 20px!important}

/* one company */
.co-hero{background:hsl(var(--h) 40% 96%);border-bottom:1px solid hsl(var(--h) 30% 90%);padding:22px 0 30px}
.co-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--au-muted)!important;text-decoration:none!important;margin-bottom:18px}
.co-back:hover{color:var(--au-ink)!important}
.co-hero-in{display:flex;align-items:center;gap:22px}
.co-hero-t{flex:1;min-width:0}
.co-hero h1{font-size:clamp(28px,3.4vw,40px);margin:0;line-height:1.1}
.co-hero-t p{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;color:var(--au-ink2);font-size:15px}
.co-hero-t p>*{display:inline-flex;align-items:center;gap:6px}
.co-hero-t p a{color:var(--brand-text,#2B4BB8)}
.co-hero-act{display:flex;gap:10px;flex:none}
.co-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;background:#fff;border:1px solid var(--au-line);border-radius:18px;transform:translateY(-22px);box-shadow:var(--au-sh-2)}
.co-stats>div{padding:18px 22px;display:flex;flex-direction:column;gap:2px}
.co-stats>div+div{border-left:1px solid var(--au-line2)}
.co-stats strong{font-size:28px;line-height:1.15}
.co-stats span{font-size:13.5px;color:var(--au-muted)}
.co-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding-bottom:56px}
.co-sec{margin-bottom:30px}
.co-sec h2{font-size:21px;margin:0 0 12px}
.co-sec>p,.co-sec .prose{font-size:15.5px;line-height:1.65;color:var(--au-ink2);max-width:70ch}
.co-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.co-sec-head a{font-size:14px;font-weight:600}
.co-types{margin-top:18px}
.co-types-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--au-line2);gap:2px}
.co-types-bar i,.co-types li i{background:var(--c)}
.co-types ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:10px 0 0;font-size:13.5px;color:var(--au-ink2)}
.co-types li{display:flex;align-items:center;gap:6px}
.co-types li i{width:10px;height:10px;border-radius:3px;display:inline-block}
.co-types li b{color:var(--au-muted);font-weight:600}
.co-types .t0{--c:var(--brand)}.co-types .t1{--c:var(--accent,#2B4BB8)}.co-types .t2{--c:#0E9F6E}.co-types .t3{--c:#E8A317}.co-types .t4{--c:#64748B}.co-types .t5{--c:#CBD5E1}
.co-jobs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.co-jobs{grid-template-columns:1fr}}
.co-more{margin-top:14px}
.co-side{display:flex;flex-direction:column;gap:16px}
.co-box{padding:20px!important;border-radius:18px!important}
.co-box h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 12px}
.co-box h3 .ic{color:var(--brand-text,#2B4BB8)}
.co-bars{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.co-bars a{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;color:var(--au-ink2)!important;font-size:14px;text-decoration:none!important;overflow:hidden;isolation:isolate}
.co-bars a i{position:absolute;left:0;top:0;bottom:0;z-index:-1;background:color-mix(in srgb,var(--brand) 8%,#fff);border-radius:10px}
.co-bars a:hover i,.co-bars a.on i{background:color-mix(in srgb,var(--brand) 16%,#fff)}
.co-bars a.on{color:var(--brand-text,#2B4BB8)!important;font-weight:600}
.co-bars b{color:var(--au-ink)}
.co-pay{list-style:none;margin:0 0 10px;padding:0}
.co-pay li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--au-line2);font-size:14px}
.co-pay li:last-child{border-bottom:0}
.co-pay-t{color:var(--au-ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-pay b{flex:none;}
.co-pay small{font-weight:500;color:var(--au-muted)}
.co-link{font-size:14px;font-weight:600}
.co-sim{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.co-sim a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--au-ink)!important;text-decoration:none!important}
.co-sim a:hover{background:var(--au-pearl)}
.co-sim a span:last-child{display:flex;flex-direction:column;min-width:0}
.co-sim strong{font-size:14.5px}.co-sim small{font-size:13px;color:var(--au-muted)}
.co-hire{background:var(--au-pearl)!important}
.co-hire p{margin:0 0 12px}
@media (max-width:1060px){.co-grid{grid-template-columns:1fr 1fr}.co-body{grid-template-columns:1fr}.co-side{display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .co-dir-head{padding:28px 0 20px}
  .co-dir-search{border-radius:14px;padding-left:12px}.co-dir-search>.ic{display:none}
  .co-grid{grid-template-columns:1fr;gap:12px}
  .co-card{padding:16px}
  .co-hero{padding:16px 0 34px}
  .co-hero-in{flex-direction:column;align-items:flex-start;gap:14px}
  .co-logo.xl{width:72px;height:72px;border-radius:18px}.co-logo.xl .mono{font-size:26px}
  .co-hero-act{width:100%}.co-hero-act .btn{flex:1;justify-content:center}
  .co-stats{grid-template-columns:1fr 1fr;transform:translateY(-20px)}
  .co-stats>div{padding:14px 16px}
  .co-stats>div:nth-child(3){border-left:0}
  .co-stats>div:nth-child(n+3){border-top:1px solid var(--au-line2)}
  .co-stats strong{font-size:23px}
  .co-side{display:flex}
}
/* matte: no glow under the search box */
.finish-matte .ai-composer{box-shadow:none!important}
.finish-matte .ai-composer:focus-within{box-shadow:var(--au-ring)!important}
/* company page on phones: 5 jobs, then the side boxes (the rest is one tap away) */
@media (max-width:760px){.co-jobs>:nth-child(n+6){display:none}}

/* v2.16.1 — sliding company logos (like Monster's "Companies hiring now") */
.co-marquee{padding:34px 0 38px;overflow:hidden}
.co-marquee-h{text-align:center;margin:0 0 22px;font-size:16px;font-weight:500;color:var(--au-muted)}
.co-marquee-track{display:flex;width:max-content;animation:logoScroll var(--dur,60s) linear infinite;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.co-marquee:hover .co-marquee-track,.co-marquee:focus-within .co-marquee-track{animation-play-state:paused}
.co-marquee-row{display:flex;align-items:center;gap:72px;padding-right:72px}
.co-marquee-row a,.co-marquee-row .co-item{display:flex;align-items:center;height:56px;flex:none;text-decoration:none!important;opacity:.92;transition:opacity .2s,transform .2s}
.co-marquee-row a:hover{opacity:1;transform:scale(1.04)}
.co-marquee-row img{height:48px;width:auto;max-width:170px;object-fit:contain}
.co-wordmark{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:800;white-space:nowrap;color:hsl(var(--h) 55% 30%)}
.co-wordmark i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-style:normal;font-size:20px;color:#fff;background:hsl(var(--h) 58% 44%)}
@media (prefers-reduced-motion:reduce){.co-marquee{overflow-x:auto}.co-marquee-track{animation:none;-webkit-mask:none;mask:none}.co-marquee-row[aria-hidden]{display:none}}
@media (max-width:760px){.co-marquee{padding:24px 0 26px}.co-marquee-row{gap:44px;padding-right:44px}.co-marquee-row a,.co-marquee-row .co-item{height:44px}.co-marquee-row img{height:36px}.co-wordmark{font-size:20px}.co-wordmark i{width:30px;height:30px;font-size:16px}}
.pg-companies .co-marquee,.pg-company .co-marquee{border-top:1px solid var(--au-line2)}

/* ==========================================================================
   v2.16.2 — Home hero band (like Monster): deep purple band, centred headline,
   floating icon tiles, faint arcs; the search sits in a white card across the
   band's lower edge. The band colour follows the accent colour (Admin → Appearance).
   ========================================================================== */
.ui-aurora .sx-hero.hx-band,.finish-matte .sx-hero.hx-band{--hb:#182E6F;position:relative;isolation:isolate;overflow:hidden!important;
  background:radial-gradient(70% 90% at 100% 100%,color-mix(in srgb,var(--accent,#192E6F) 38%,transparent),transparent 70%),var(--hb)!important;padding:64px 0 128px!important;color:#fff}
.hx-band:before{display:none!important}
.hx-band .sx-hero-in{position:relative;z-index:2}
.hx-band .ai-h1{color:#fff!important;font-size:clamp(34px,5.4vw,64px)!important;line-height:1.06!important;margin:18px 0 0!important;max-width:15ch}
.ui-aurora .hx-band .ai-h1 .hl,.finish-matte .hx-band .ai-h1 .hl{display:block;color:#E3C8FF!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.ui-aurora .hx-band .sx-lead,.ui-aurora.finish-matte .hx-band .sx-lead{color:rgba(255,255,255,.84)!important;font-size:18px!important;margin:18px auto 0!important;max-width:46ch}
.ui-aurora .hx-band .live-count,.finish-matte .hx-band .live-count{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.2)!important;color:rgba(255,255,255,.86)!important;box-shadow:none!important}
.hx-band .live-count strong{color:#fff}.hx-band .live-count .live-new{color:rgba(255,255,255,.7)}
.hx-band .live-dot{background:#3EE08F!important}
/* the search card across the edge */
.hx-searchcard{position:relative;z-index:3;margin-top:-88px!important;margin-bottom:8px;display:flex;justify-content:center}
.hx-searchcard-in{width:100%;max-width:920px;background:#fff;border-radius:26px;padding:20px 20px 14px;box-shadow:0 1px 2px rgba(19,6,31,.06),0 12px 32px rgba(19,6,31,.12)}
.hx-searchcard .ai-composer{width:100%;text-align:left}
.hx-searchcard .ai-examples{justify-content:center;margin-top:14px!important}
/* decoration */
.hb-deco{position:absolute;inset:0;z-index:1;pointer-events:none}
.hb-arc{position:absolute;top:50%;width:760px;height:760px;border-radius:50%;border:1px solid rgba(255,255,255,.14);transform:translateY(-38%)}
.hb-arc.l{left:-560px}.hb-arc.r{right:-560px}
.hb-tile{position:absolute;display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:var(--bg);border:3px solid rgba(255,255,255,.55);box-shadow:0 10px 24px rgba(10,2,20,.28);animation:hbFloat 7s ease-in-out infinite alternate}
.hb-tile svg{width:56%;height:56%}
.hb-tile.big{width:96px;height:96px;border-radius:24px}
.hb-tile.far{width:62px;height:62px;border-radius:17px;filter:blur(2.5px);opacity:.55;animation-duration:9s}
.hb-tile.t1{left:11%;top:16%;--r:-8deg;animation-delay:-1s}
.hb-tile.t2{left:15%;top:42%;--r:6deg;animation-delay:-3s}
.hb-tile.t3{left:10%;top:72%;--r:-6deg;animation-delay:-5s}
.hb-tile.t4{right:12%;top:14%;--r:8deg;animation-delay:-2s}
.hb-tile.t5{right:15%;top:40%;--r:-7deg;animation-delay:-4s}
.hb-tile.t6{right:11%;top:70%;--r:6deg;animation-delay:-6s}
@keyframes hbFloat{from{transform:translateY(-8px) rotate(var(--r,0deg))}to{transform:translateY(10px) rotate(calc(var(--r,0deg) * -.4))}}
/* one entrance for the headline block */
.hx-band .sx-hero-in>*{animation:hbIn .7s cubic-bezier(.2,.8,.2,1) both}
.hx-band .sx-hero-in>:nth-child(2){animation-delay:.08s}.hx-band .sx-hero-in>:nth-child(3){animation-delay:.16s}
.hx-searchcard-in{animation:hbIn .7s .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes hbIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:1180px){.hb-tile.t1,.hb-tile.t3{left:4%}.hb-tile.t4,.hb-tile.t6{right:4%}.hb-tile.t2{left:6%}.hb-tile.t5{right:6%}}
@media (max-width:900px){.hb-tile.t2,.hb-tile.t5,.hb-tile.t3,.hb-tile.t6{display:none}.hb-arc{width:520px;height:520px}.hb-arc.l{left:-420px}.hb-arc.r{right:-420px}}
@media (max-width:640px){
  .ui-aurora .sx-hero.hx-band,.finish-matte .sx-hero.hx-band{padding:34px 0 104px!important}
  .hb-tile.t1,.hb-tile.t4{width:48px;height:48px;border-radius:14px;border-width:2px;top:10px;opacity:.85}
  .hb-tile.t1{left:-6px}.hb-tile.t4{right:-6px}
  .hb-arc{display:none}
  .hx-band .ai-h1{font-size:34px!important}
  .ui-aurora .hx-band .sx-lead{font-size:15.5px!important}
  .hx-searchcard{margin-top:-80px!important}
  .hx-searchcard-in{padding:12px 12px 10px;border-radius:20px}
}
@media (prefers-reduced-motion:reduce){.hb-tile,.hx-band .sx-hero-in>*,.hx-searchcard-in{animation:none!important}}
.hb-tile svg{width:50px!important;height:50px!important}
.hb-tile.big svg{width:58px!important;height:58px!important}
.hb-tile.far svg{width:38px!important;height:38px!important}
.hx-band .ai-h1{max-width:none!important}
@media (max-width:640px){
  .hb-tile.t1 svg,.hb-tile.t4 svg{width:30px!important;height:30px!important}
  .hx-searchcard-in{padding:8px 8px 10px}
  .hx-searchcard .aic-model{display:none!important}
  .hx-searchcard .aic-send{padding:0 14px!important}
}
.ui-aurora .hx-band .sx-lead,.ui-aurora.finish-matte .hx-band .sx-lead{max-width:56ch!important}

/* ==========================================================================
   v2.17 — "What is your CV worth?" panel, CV value result, plans, support centre
   ========================================================================== */
.cvv{padding-top:18px;padding-bottom:40px}
.cvv-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px;background:#fff;border:1px solid var(--au-line);border-radius:28px;padding:34px 44px;box-shadow:var(--au-sh-1);overflow:hidden}
.cvv-art{position:relative;height:330px;display:grid;place-items:center}
.cvv-circle{position:absolute;width:330px;height:330px;border-radius:50%;background:color-mix(in srgb,var(--accent,#2B4BB8) 30%,#13061F)}
.cvv-card{position:relative;width:224px;background:#fff;border-radius:18px;padding:46px 18px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 12px 30px rgba(19,6,31,.28)}
.cvv-badge{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#16A06B;color:#fff;border:4px solid #fff}
.cvv-person{width:76px;height:76px;fill:color-mix(in srgb,var(--accent,#2B4BB8) 30%,#13061F);margin-bottom:6px}
.cvv-n{font-size:34px;font-weight:800;color:#0F8A5F;line-height:1.1}
.cvv-who{font-size:13px;font-weight:700;color:var(--au-ink);transition:opacity .22s}
.cvv-role{font-size:12.5px;color:var(--au-muted);min-height:18px;transition:opacity .22s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cvv-card.swap .cvv-who,.cvv-card.swap .cvv-role{opacity:0}
.cvv-dots{display:flex;gap:5px;margin-top:10px}
.cvv-dots i{width:6px;height:6px;border-radius:50%;background:var(--au-line);transition:background .3s,width .3s}
.cvv-dots i.on{width:16px;border-radius:3px;background:#16A06B}
.cvv-text h2{font-size:clamp(28px,3.2vw,40px);margin:6px 0 10px;color:var(--au-ink)}
.cvv-text>p{font-size:16.5px;color:var(--au-ink2);line-height:1.6;margin:0 0 22px;max-width:46ch}
.cvv-text .btn{background:#16A06B!important;border-color:#16A06B!important}
.cvv-text small{display:block;margin-top:10px}
.cvv-live{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#0F7B55;margin:0}
.cvv-live .live-dot{background:#16A06B}
@media (max-width:860px){
  .cvv-in{grid-template-columns:1fr;gap:16px;padding:26px 20px;text-align:center}
  .cvv-art{height:270px}.cvv-circle{width:260px;height:260px}
  .cvv-text>p{margin-left:auto;margin-right:auto}
  .cvv-text .btn{width:100%;justify-content:center}
}
/* CV value result on /cv-match */
.cvv-result{padding:22px 24px!important;margin-bottom:16px}
.cvv-result-n{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.cvv-result-n span{font-size:15px;color:var(--au-muted);flex-basis:100%}
.cvv-result-n strong{font-size:44px;font-weight:800;color:#0F8A5F;line-height:1}
.cvv-result-n small{font-size:16px;color:var(--au-ink2)}
.cvv-range{margin:16px 0 10px;max-width:420px}
.cvv-range-bar{height:10px;border-radius:999px;background:var(--au-line2);position:relative}
.cvv-range-bar i{position:absolute;left:18%;right:18%;top:0;bottom:0;border-radius:999px;background:#16A06B}
.cvv-range-l{display:flex;justify-content:space-between;font-size:13px;color:var(--au-ink2);margin-top:6px;padding:0 14%}
/* plans */
.plan-free{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:34px;align-items:center;max-width:920px;margin:0 auto;padding:36px 40px!important;border-radius:24px!important}
.plan-free h2{font-size:44px;margin:12px 0 2px;}
.plan-free-price{font-size:22px;font-weight:700;margin:0 0 20px}.plan-free-price small{font-size:14px;font-weight:500;color:var(--au-muted)}
.plan-free-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.plan-free-list li{display:flex;gap:8px;align-items:flex-start;font-size:15px;color:var(--au-ink2)}
.plan-free-list .ic{color:#16A06B;margin-top:2px}
.plan-ent{border-color:color-mix(in srgb,var(--accent,#2B4BB8) 45%,var(--au-line))!important;background:color-mix(in srgb,var(--accent,#2B4BB8) 4%,#fff)!important}
.plan-ent .plan-badge{background:var(--accent,#2B4BB8)!important;color:#fff!important}
.plan-ent .btn+.btn{margin-top:8px}
.sup-strip{display:flex;align-items:center;gap:16px;max-width:920px;margin:28px auto 0;padding:18px 22px!important}
.sup-strip>div{flex:1;display:flex;flex-direction:column;gap:2px}.sup-strip span{color:var(--au-muted);font-size:14px}
.sup-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex:none;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand-text,#2B4BB8)}
.sup-ic.ok{background:#E8F6EF;color:#0F8A5F}
@media (max-width:760px){.plan-free{grid-template-columns:1fr;padding:24px 20px!important}.plan-free-list{grid-template-columns:1fr}.sup-strip{flex-wrap:wrap}.sup-strip .btn{width:100%;justify-content:center}}
/* support centre */
.sup-head{background:var(--au-pearl);border-bottom:1px solid var(--au-line2);padding:44px 0 30px}
.sup-head h1{font-size:clamp(30px,3.6vw,42px);margin:0;}
.sup-head p{font-size:17px;color:var(--au-ink2);margin:10px 0 0;max-width:56ch}
.sup-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-top:28px;padding-bottom:56px;align-items:start}
.sup-left{display:flex;flex-direction:column;gap:16px}
.sup-call{padding:26px!important;display:flex;flex-direction:column;gap:14px}
.sup-num{display:flex;flex-direction:column;gap:2px}
.sup-num span{font-size:14px;color:var(--au-muted)}
.sup-num a,.sup-num strong{font-size:30px;font-weight:800;color:var(--au-ink);text-decoration:none;}
.sup-num strong{font-size:20px}
.sup-num a:hover{color:var(--brand-text,#2B4BB8)}
.sup-hours{display:flex;align-items:center;gap:8px;margin:0;color:var(--au-ink2)}
.sup-alt{display:flex;flex-wrap:wrap;gap:8px}
.sup-topics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sup-topics .card{padding:16px!important;display:flex;flex-direction:column;gap:6px;color:var(--au-ink)!important;text-decoration:none!important}
.sup-topics .card:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--au-line))}
.sup-topics strong{display:flex;align-items:center;gap:8px;font-size:15px}.sup-topics strong .ic{color:var(--brand-text,#2B4BB8)}
.sup-topics span{font-size:13.5px;color:var(--au-muted);line-height:1.5}
.sup-form{padding:26px!important;scroll-margin-top:90px}
.sup-form h2{margin:0 0 4px;font-size:22px}
.sup-fields{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.sup-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--au-ink2)}
.sup-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sup-row[hidden]{display:none}
.sup-fields .btn{align-self:flex-start}
.sup-done{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.sup-done h2{margin:6px 0 0}
@media (max-width:900px){.sup-body{grid-template-columns:1fr}}
@media (max-width:560px){.sup-row,.sup-topics{grid-template-columns:1fr}.sup-fields .btn{width:100%;justify-content:center}}
.ui-aurora .cvv .cvv-text .btn{background:#16A06B!important;border-color:#16A06B!important;color:#fff!important}
.sup-fields input,.sup-fields select,.sup-fields textarea{width:100%;min-height:46px;padding:10px 14px!important;border:1px solid var(--au-line)!important;border-radius:12px!important;font:inherit;font-weight:500;font-size:15px;color:var(--au-ink);background:#fff}
.sup-fields textarea{min-height:90px;resize:vertical}
.sup-fields input:focus,.sup-fields select:focus,.sup-fields textarea:focus{outline:0;border-color:var(--brand)!important;box-shadow:var(--au-ring)}
.sup-fields label small{font-weight:500}
.sx-foot-col a .ic{vertical-align:-2px}
.sup-strip{margin-bottom:44px!important}

/* v2.17.1 — results page lines up with the header: same width and edges as the search band */
.ui-aurora .sx-serp{max-width:1240px!important;padding-left:24px!important;padding-right:24px!important}
.ui-aurora .sx-serp.no-side,.ui-aurora .ai-serp.no-side{max-width:1240px!important}
.ui-aurora .sx-band .sx-sbar{max-width:none!important;width:100%}
@media (max-width:640px){.ui-aurora .sx-serp{padding-left:16px!important;padding-right:16px!important}}

/* ==========================================================================
   v2.17.1 — page bands (Companies, Partners, help pages): the home look, with
   a colour and icons that match each page; centred search card across the edge
   ========================================================================== */
.ui-aurora .sx-hero.pg-band,.finish-matte .sx-hero.pg-band{padding:52px 0 118px!important}
.ui-aurora .sx-hero.band-companies,.finish-matte .sx-hero.band-companies{--hb:color-mix(in srgb,var(--accent,#192E6F) 30%,#13061F)}
.ui-aurora .sx-hero.band-partners,.finish-matte .sx-hero.band-partners{--hb:#0B1A45;background:radial-gradient(70% 90% at 100% 100%,rgba(14,165,233,.30),transparent 70%),var(--hb)!important}
.ui-aurora .sx-hero.band-client,.finish-matte .sx-hero.band-client{--hb:#062F35;background:radial-gradient(70% 90% at 100% 100%,rgba(22,160,107,.32),transparent 70%),var(--hb)!important}
.ui-aurora .sx-hero.band-seeker,.finish-matte .sx-hero.band-seeker{--hb:color-mix(in srgb,var(--brand,#192E6F) 30%,#0A0F2E);background:radial-gradient(70% 90% at 100% 100%,color-mix(in srgb,var(--brand,#192E6F) 40%,transparent),transparent 70%),var(--hb)!important}
.band-partners .ai-h1 .hl{color:#9EDBFF!important}.band-client .ai-h1 .hl{color:#9FF0C8!important}.band-seeker .ai-h1 .hl{color:#B9CCFF!important}
.pg-band .ai-h1{font-size:clamp(32px,4.6vw,56px)!important}
.pg-band .live-count{margin-bottom:2px}
.band-act{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.ui-aurora .band-act .band-ghost{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
.ui-aurora .band-act .band-ghost:hover{background:rgba(255,255,255,.18)!important}
/* tabs on a dark band */
.ui-aurora .band-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);margin:0 auto 6px}
.ui-aurora .band-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;color:rgba(255,255,255,.85)!important;font-weight:600;font-size:14.5px;text-decoration:none!important;background:none!important;box-shadow:none!important}
.ui-aurora .band-tabs a.on{background:#fff!important;color:var(--au-ink)!important}
/* the search row in the card (one line: what · where · Search) */
.band-search{display:flex;align-items:stretch;border:2px solid var(--search-border,var(--accent,#192E6F));border-radius:16px;overflow:hidden;background:#fff}
.band-f{position:relative;flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--au-faint);min-width:0}
.band-f.l{flex:.75;border-left:1px solid var(--au-line)}
.band-f input{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;background:none!important;font:inherit;font-size:16px;color:var(--au-ink);padding:17px 0!important}
.band-f .suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20}
.ui-aurora .band-go{flex:none;margin:6px;border-radius:11px!important;padding:0 24px!important;gap:8px;font-size:16px}
.hx-searchcard .co-fields,.hx-searchcard .band-stats{justify-content:center;margin-top:14px}
.band-stats{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;color:var(--au-ink2)}
.band-stats span{display:inline-flex;align-items:center;gap:6px;color:var(--au-muted);margin-right:6px}
.band-stats b{color:var(--au-ink);}
.pg-band + .hx-searchcard{margin-bottom:10px}
.help-hero.help-after{background:none!important;padding-top:22px!important}
.help-hero.help-after .help-in{padding-top:0}
@media (max-width:760px){
  .ui-aurora .sx-hero.pg-band,.finish-matte .sx-hero.pg-band{padding:30px 0 104px!important}
  .pg-band .ai-h1{font-size:30px!important}
  .band-search{flex-direction:column;border-radius:14px}
  .band-f.l{border-left:0;border-top:1px solid var(--au-line)}
  .band-f input{padding:14px 0!important}
  .ui-aurora .band-go{justify-content:center;padding:13px!important;margin:8px}
  .hx-searchcard .co-fields{justify-content:flex-start}
  .ui-aurora .band-tabs a{padding:8px 12px;font-size:13.5px}
}
.ui-aurora .band-partners .ai-h1 .hl,.finish-matte .band-partners .ai-h1 .hl{color:#9EDBFF!important}
.ui-aurora .band-client .ai-h1 .hl,.finish-matte .band-client .ai-h1 .hl{color:#9FF0C8!important}
.ui-aurora .band-seeker .ai-h1 .hl,.finish-matte .band-seeker .ai-h1 .hl{color:#B9CCFF!important}
.hx-searchcard .co-fields{flex-wrap:wrap;justify-content:center;overflow:visible}
@media (max-width:760px){.hx-searchcard .co-fields{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}}

/* v2.17.2 — the AI reading on the normal results page */
.sx-ask{border:1px solid color-mix(in srgb,var(--accent,#2B4BB8) 25%,var(--au-line));background:color-mix(in srgb,var(--accent,#2B4BB8) 4%,#fff);border-radius:16px;padding:14px 16px;margin:0 0 14px}
.sx-ask-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;font-weight:600;color:var(--au-ink)}
.sx-ask-top>.ic{color:var(--accent,#2B4BB8)}
.sx-ask-ok{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:12.5px;font-weight:600;color:#0F7B55;background:#E8F6EF;padding:4px 10px;border-radius:999px}
.sx-ask-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sx-ask-chips span{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--au-line);font-size:13.5px;font-weight:600;color:var(--au-ink2)}
.sx-ask-chips .ic{color:var(--accent,#2B4BB8)}
.sx-ask-rel{margin:10px 0 0;font-size:13.5px;color:#9A5B00}
.sx-ask-tip{margin:8px 0 0;font-size:13px;color:var(--au-muted)}
.sx-why{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:13.5px;font-weight:600;color:#0F7B55}
.sx-why .ic{margin-top:3px}

/* v2.17.2 — companies grid: never wider than the screen; 6 first, "Show more" for the rest */
.co-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.co-card{min-width:0}
.co-card-top{min-width:0}
.co-card-name strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-card-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.co-roles{display:flex;flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden}
.co-roles span{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-roles span:only-child{flex-shrink:1}
.co-grid.collapsed .co-later{display:none}
.co-dir-h{font-size:20px;margin:0 0 14px;}
.co-more-wrap{display:flex;justify-content:center;margin-top:20px}
.co-more-wrap .btn{min-width:220px;justify-content:center}
@media (max-width:1060px){.co-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.co-grid{grid-template-columns:minmax(0,1fr)!important}.co-more-wrap .btn{width:100%}}
.co-grid.collapsed ~ .pager{display:none}

/* ==========================================================================
   v2.17.4 — Inter, calmer type sizes, the compact home search, brand-logo strip
   ========================================================================== */
.ui-aurora button,.ui-aurora input,.ui-aurora select,.ui-aurora textarea{font-family:inherit}
body.ui-aurora{font-size:15px;}
.ui-aurora h1,.ui-aurora h2,.ui-aurora h3{}
.ui-aurora .sx-nav a{font-size:14.5px}
.ui-aurora .sx-act{font-size:14px}
/* Register: outlined; Log in after it */
.ui-aurora .sx-register,.finish-matte.btn-solid .sx-register,.finish-matte.btn-glow .sx-register,.finish-matte.btn-square .sx-register{background:#fff!important;color:var(--btn,var(--brand))!important;box-shadow:inset 0 0 0 1.5px var(--btn,var(--brand))!important;height:38px;padding:0 18px;font-size:14px}
.ui-aurora .sx-register:hover{background:color-mix(in srgb,var(--btn,var(--brand)) 7%,#fff)!important;filter:none!important}
/* home band: navy into purple */
.ui-aurora .sx-hero.hx-band:not(.pg-band),.finish-matte .sx-hero.hx-band:not(.pg-band){
  background:radial-gradient(60% 90% at 100% 100%,color-mix(in srgb,var(--accent,#2B4BB8) 55%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--brand,#2B4BB8) 40%,#0A1240) 0%,color-mix(in srgb,var(--brand,#2B4BB8) 30%,#0D0F3A) 100%)!important;padding:58px 0 118px!important}
.ui-aurora .hx-band:not(.pg-band) .ai-h1{font-size:clamp(30px,4.3vw,52px)!important;line-height:1.08!important}
.ui-aurora .hx-band:not(.pg-band) .ai-h1 .hl,.finish-matte .hx-band:not(.pg-band) .ai-h1 .hl{color:#BCD0FF!important}
.ui-aurora .hx-band .sx-lead,.ui-aurora.finish-matte .hx-band .sx-lead{font-size:16px!important;margin-top:14px!important}
.ui-aurora .hx-band .live-count{font-size:13px;padding:6px 13px 6px 11px}
.pg-band .ai-h1{font-size:clamp(28px,3.9vw,46px)!important}
/* the compact search box: + (CV), location, round arrow — like the reference */
.hx-searchcard-in{max-width:760px;padding:16px 16px 14px;border-radius:22px}
.hx-searchcard .ai-composer textarea{font-size:15.5px!important;min-height:52px}
.hx-searchcard .aic-mode-dd,.hx-searchcard .aic-model-dd{display:none!important}
.hx-searchcard [data-aic-near] span{display:none}
.hx-searchcard [data-aic-near]{width:34px;height:34px;padding:0!important;justify-content:center;border-radius:50%!important}
.hx-searchcard .aic-ib{width:34px;height:34px}
.ui-aurora .hx-searchcard .aic-send{width:38px!important;height:38px!important;padding:0!important;border-radius:11px!important;justify-content:center}
.hx-searchcard .aic-send span{display:none}
.hx-searchcard .aic-send .ic{width:17px;height:17px}
.hx-searchcard .ai-examples button,.hx-searchcard .ai-ex{font-size:12.5px!important;padding:6px 12px!important}
/* calmer sizes elsewhere */
.ui-aurora .sx-job-title{font-size:17.5px}
.co-marquee-h,.ui-aurora .near h2{}
.ui-aurora .near h2{font-size:22px}
.cvv-text h2{font-size:clamp(26px,2.8vw,36px)}
.co-hero h1,.co-dir-head h1{font-size:clamp(26px,3vw,36px)}
.sup-head h1{font-size:clamp(28px,3.2vw,38px)}
/* brand-logo strip: logos only */
.co-marquee{padding:26px 0 32px}
.co-marquee-h{font-size:14px;margin-bottom:18px}
.co-marquee-row{gap:56px;padding-right:56px}
.co-marquee-row a,.co-marquee-row .co-item{height:52px;opacity:.95}
.co-marquee-row img{height:44px;max-width:150px;border-radius:10px}
.co-mono{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;font-weight:800;font-size:18px;color:#fff;background:hsl(var(--h) 52% 44%)}
.co-marquee.is-mono .co-marquee-row{gap:40px;padding-right:40px}
@media (max-width:760px){
  .co-marquee-row{gap:36px;padding-right:36px}.co-marquee-row img{height:34px;max-width:110px}.co-mono{width:40px;height:40px;font-size:15px}
  .ui-aurora .sx-hero.hx-band:not(.pg-band),.finish-matte .sx-hero.hx-band:not(.pg-band){padding:32px 0 100px!important}
  .ui-aurora .hx-band:not(.pg-band) .ai-h1{font-size:30px!important}
  .ui-aurora .hx-band .sx-lead{font-size:14.5px!important}
  .ui-aurora .sx-register{height:34px;padding:0 13px}
}
.plan-video{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--accent,#2B4BB8)!important}
.ui-aurora .band-tabs{flex-wrap:wrap;justify-content:center}

/* ---------- v2.17.6: header, home sections, footer and info pages as in the reference screens ---------- */
.sx-nav-gap{flex:1 1 auto}
.ui-aurora .sx-top .geo-chip:not(.has-town) .geo-chip-t{display:none}
.ui-aurora .sx-top .geo-chip:not(.has-town) .geo-chip-cc{display:inline}
.ui-aurora .hx-band .live-count strong{font-weight:800}
.ui-aurora .hx-band .live-new strong{color:#fff}
/* company logos: heading, line under it, logo + coloured name */
.co-marquee-h.strong{font-size:17px!important;font-weight:800;color:var(--au-ink,#13183f);margin:0 0 4px;text-align:center;}
.co-marquee-sub{margin:0 0 18px;text-align:center;font-size:13px;color:var(--au-muted,#5b6680)}
.co-marquee.has-names .co-marquee-row{gap:52px;padding-right:52px}
.co-marquee.has-names .co-marquee-row a,.co-marquee-row .co-item{display:inline-flex;align-items:center;gap:10px;height:44px;text-decoration:none}
.co-marquee.has-names .co-mono{width:30px;height:30px;border-radius:8px;font-size:14px}
.co-marquee.has-names .co-marquee-row img{height:30px;max-width:90px;border-radius:7px}
.co-mq-name{font-size:19px;font-weight:800;white-space:nowrap;color:hsl(var(--h) 52% 36%)}
.co-marquee.has-names:not(.is-mono) .co-mq-name{color:var(--au-ink,#13183f)}
@media (max-width:760px){.co-mq-name{font-size:16px}.co-marquee.has-names .co-marquee-row{gap:34px;padding-right:34px}.co-marquee-h.strong{font-size:16px!important}}
/* "What is your CV worth?" in the brand plum (Admin → Settings → Homepage) */
.cvv{--cvv:#72366A}
.cvv-circle{background:var(--cvv);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px)}
.cvv-badge{background:color-mix(in srgb,var(--cvv) 82%,#fff)}
.cvv-person{fill:color-mix(in srgb,var(--cvv) 45%,#12051a)}
.cvv-n{color:color-mix(in srgb,var(--cvv) 85%,#fff)}
.cvv-who{color:var(--au-ink,#1b2a5e)}
.cvv-dots i.on{background:var(--cvv)}
.cvv-text h2{color:var(--au-ink,#1b2a5e)}
body .cvv .cvv-text a.btn.btn-primary{background:var(--cvv)!important;border-color:var(--cvv)!important;color:#fff!important;box-shadow:none!important}
body .cvv .cvv-text a.btn.btn-primary:hover{background:color-mix(in srgb,var(--cvv) 86%,#000)!important}
@media (min-width:961px){.sx-act.sx-co .ic{display:none}}
/* newest jobs */
.ui-aurora .near-head h2{color:var(--au-ink)}
.ui-aurora .near .sx-job-title a{color:var(--brand-text,#2B4BB8)}
.ui-aurora .near .sx-job-title a:visited{color:color-mix(in srgb,var(--brand) 80%,#2B4BB8)}
/* footer: Legal listed under Company */
/* info pages (About, Privacy, Press…) */
.cms-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;padding-top:34px;padding-bottom:64px;max-width:1120px}
.cms-title{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 20px;color:var(--au-ink,#0f172a)}
.cms-wrap.solo{grid-template-columns:minmax(0,1fr);max-width:860px}
.cms-nav{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--au-line,#e5eaf3);border-radius:18px;padding:16px 10px}
.cms-nav h3{font-size:12.5px;font-weight:700;color:var(--au-muted,#5b6680);margin:10px 10px 6px}
.cms-nav h3:first-child{margin-top:0}
.cms-nav a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--au-ink2,#334);text-decoration:none}
.cms-nav a:hover{background:var(--au-bg2,#f3f5fb);color:var(--brand-text,#2B4BB8)}
.cms-nav a.on{background:color-mix(in srgb,var(--brand) 9%,#fff);color:var(--brand-text,#2B4BB8)}
.cms-nav .cms-nav-sup{margin-top:8px;border-top:1px solid var(--au-line,#e5eaf3);border-radius:0 0 10px 10px;padding-top:12px}
.cms-card{background:#fff;border:1px solid var(--au-line,#e5eaf3);border-radius:22px;padding:34px 40px;box-shadow:var(--au-sh-1,0 1px 2px rgba(0,0,0,.04))}
.cms-prose{font-size:16px;line-height:1.7;color:var(--au-ink2,#2b3350);max-width:72ch}
.cms-prose .lead{font-size:18px;line-height:1.6;color:var(--au-ink,#13183f);margin:0 0 8px}
.cms-prose h2{font-size:21px;margin:28px 0 8px;color:var(--au-ink,#13183f)}
.cms-prose ul{padding-left:20px}
.cms-prose li{margin:6px 0}
.cms-prose a{color:var(--brand-text,#2B4BB8);font-weight:600}
.cms-prose table{width:100%;border-collapse:collapse;margin:12px 0 4px;font-size:14.5px}
.cms-prose th,.cms-prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--au-line,#e5eaf3);vertical-align:top}
.cms-prose th{font-size:13px;color:var(--au-muted,#5b6680);font-weight:700;background:var(--au-bg2,#f6f8fc)}
.cms-prose td:first-child{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;white-space:nowrap}
.cms-updated{display:flex;align-items:center;gap:6px;margin:26px 0 0;padding-top:16px;border-top:1px solid var(--au-line,#e5eaf3);font-size:13px;color:var(--au-muted,#5b6680)}
@media (max-width:860px){
  .cms-wrap{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:20px}
  .cms-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:8px;border-radius:14px;scrollbar-width:none}
  .cms-nav::-webkit-scrollbar{display:none}
  .cms-nav h3{display:none}
  .cms-nav a{white-space:nowrap;flex:0 0 auto}
  .cms-nav .cms-nav-sup{margin:0;border:0;padding-top:9px;border-radius:10px}
  .cms-card{padding:22px 18px;border-radius:18px}
  .cms-prose{font-size:15.5px}.cms-prose .lead{font-size:16.5px}
  .cms-prose table{display:block;overflow-x:auto}
}

/* voice search in every search box (v2.17.6) */
.vmic{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;margin:0 2px 0 4px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--brand,#2B4BB8);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.vmic:hover{background:color-mix(in srgb,var(--brand,#2B4BB8) 9%,#fff)}
.vmic:focus-visible{outline:2px solid var(--brand,#2B4BB8);outline-offset:2px}
.vmic.listening,.sx-mic.listening,.aic-mic.listening{background:#E5303A!important;color:#fff!important;box-shadow:0 0 0 5px rgba(229,48,58,.16);animation:vmicPulse 1.2s ease-in-out infinite}
@keyframes vmicPulse{50%{box-shadow:0 0 0 9px rgba(229,48,58,.06)}}
@media (prefers-reduced-motion:reduce){.vmic.listening,.sx-mic.listening,.aic-mic.listening{animation:none}}
.hero-search .field{display:flex;align-items:center}
.hero-search .field input{flex:1 1 auto;min-width:0}
.tsf{display:flex;align-items:center}.tsf input{flex:1 1 auto;min-width:0}
.hx-searchcard .aic-mic{width:34px!important;height:34px!important;border-radius:50%!important;color:var(--brand,#2B4BB8)}
.sx-mic{border-radius:50%;width:36px;height:36px;place-items:center;padding:0}

/* ---------- footer, one consistent grid (v2.17.6) ----------
   4 columns on wide screens (brand + 3 link columns) that end exactly on the content edges; every link sits on
   a 32px rhythm; headings line up with the middle of the logo; the line above the copyright spans the content
   only (not the side padding). */
body.ui-aurora .sx-foot{background:#fff!important;border-top:1px solid var(--au-line2,#e9edf5)!important;box-shadow:none!important;padding:56px 0 28px!important}
body.ui-aurora .sx-foot-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr))!important;column-gap:32px!important;row-gap:36px!important;align-items:start}
body.ui-aurora .sx-foot-grid:has(> .sx-social){grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr)) auto!important}
body.ui-aurora .sx-foot-brand{min-width:0;grid-column:auto!important}
body.ui-aurora .sx-social{grid-column:auto!important}
body.ui-aurora .sx-foot .logo{display:inline-flex!important;align-items:center;gap:10px;height:36px;font-size:24px!important;font-weight:800;line-height:1;color:var(--au-ink)!important}
body.ui-aurora .sx-foot-col{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0}
body.ui-aurora .sx-foot-col h4{margin:6px 0 8px!important;font-size:15px!important;line-height:24px!important;font-weight:700!important;color:var(--au-ink,#13183f)!important}
body.ui-aurora .sx-foot-col h4.sx-foot-sub{margin-top:24px!important}
body.ui-aurora .sx-foot-col a{display:block;padding:6px 0!important;font-size:14px!important;line-height:20px!important;color:var(--au-muted,#5b6680)!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
body.ui-aurora .sx-foot-col a:hover,body.ui-aurora .sx-foot-col a:focus-visible{color:var(--brand-text,#2B4BB8)!important}
body.ui-aurora .sx-foot-bottom{position:relative;display:flex!important;justify-content:space-between!important;align-items:center;gap:8px 24px;flex-wrap:wrap;margin-top:44px!important;padding-top:20px!important;padding-bottom:0!important;border-top:1px solid var(--au-line2,#e9edf5)!important;font-size:13px!important;line-height:20px;color:var(--au-muted,#5b6680)!important}
@media (max-width:1024px){body.ui-aurora .sx-foot{padding:48px 0 24px!important}body.ui-aurora .sx-foot-grid{column-gap:24px!important}}
@media (max-width:900px){
  body.ui-aurora .sx-foot{padding:44px 0 24px!important}
  body.ui-aurora .sx-foot-grid,body.ui-aurora .sx-foot-grid:has(> .sx-social){grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:28px!important}
  body.ui-aurora .sx-foot-brand{grid-column:1/-1!important}
  body.ui-aurora .sx-social{grid-column:1/-1!important}
}
@media (max-width:640px){
  body.ui-aurora .sx-foot{padding:36px 0 20px!important}
  body.ui-aurora .sx-foot-grid,body.ui-aurora .sx-foot-grid:has(> .sx-social){grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px!important;row-gap:24px!important}
  body.ui-aurora .sx-foot-col a{padding:8px 0!important;white-space:normal}
  body.ui-aurora .sx-foot-bottom{margin-top:32px!important}
}
@media (max-width:760px){body.ui-aurora.has-tabbar .sx-foot.sx-foot{padding-bottom:calc(var(--tabbar,64px) + 20px + env(safe-area-inset-bottom))!important}}
/* /companies: the scroller shows company names only (v2.17.6) */
.co-marquee.text-only .co-marquee-row{gap:56px;padding-right:56px}
.co-marquee.text-only .co-marquee-row a,.co-marquee-row .co-item{height:40px}
.co-marquee.text-only .co-mq-name{font-size:21px}
.co-marquee.text-only .co-marquee-row a:hover .co-mq-name{text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){.co-marquee.text-only .co-mq-name{font-size:17px}.co-marquee.text-only .co-marquee-row{gap:36px;padding-right:36px}}

/* ---------- v2.18.1: distraction-free Log in / Register pages ---------- */
.auth-top{background:#fff;border-bottom:1px solid var(--au-line2,#e9edf5)}
.auth-top-in{display:flex;align-items:center;gap:16px;min-height:64px}
.auth-top .logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--au-ink,#13183f)!important;text-decoration:none!important}
.auth-top .logo .logo-mark svg{width:32px!important;height:32px!important}
.auth-top .logo img{max-height:36px}
.auth-focus main{min-height:calc(100vh - 64px - 86px);min-height:calc(100dvh - 64px - 86px);display:flex;flex-direction:column;justify-content:center}
.auth-foot{background:#fff;border-top:1px solid var(--au-line2,#e9edf5);padding:30px 0}
.auth-foot-in{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;font-size:13px;line-height:20px;color:var(--au-muted,#5b6680)}
.auth-foot-legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.auth-foot-legal a{color:var(--au-muted,#5b6680)!important;text-decoration:none!important}
.auth-foot-legal a:hover{color:var(--brand-text,#2B4BB8)!important}
@media (max-width:640px){.auth-top-in{min-height:58px}.auth-top .logo{font-size:20px}.auth-foot{padding:22px 0}.auth-foot-in{flex-direction:column;align-items:flex-start}.auth-focus main{min-height:0;display:block}}
/* brand logos on job cards */
.sx-logo{background:#fff!important;border:1px solid var(--au-line2,#e9edf5);border-radius:11px!important}
.sx-logo .mono{border-radius:10px;font-weight:800;}
.sx-job.compact .sx-logo{width:40px;height:40px}
.sx-job-head{align-items:center!important}

/* ---------- v2.19.1: Full access panel on the company dashboard ---------- */
.fa-panel{margin:18px 0 22px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#f3f6ff,#f6f1ff);border:1px solid #dfe5fb}
.fa-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap;margin-bottom:16px}
.fa-head h2{margin:6px 0 2px;font-size:22px;}
.fa-head p{margin:0;color:var(--au-ink2,#3a4363);font-size:14px}
.fa-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--ink,#13183f);color:#fff;font-size:12px;font-weight:700}
.fa-bal{display:flex;gap:8px;flex-wrap:wrap}
.fa-bal span{background:#fff;border:1px solid #dfe5fb;border-radius:10px;padding:7px 11px;font-size:13px;color:var(--au-muted,#5b6680)}
.fa-bal b{color:var(--au-ink,#13183f);margin-left:4px}
.fa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.fa-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e3e8f4;text-decoration:none!important;color:var(--au-ink,#13183f)!important;transition:border-color .15s,box-shadow .15s}
.fa-tile:hover{border-color:var(--brand,#2B4BB8);box-shadow:0 6px 18px -10px rgba(43,75,184,.45)}
.fa-tile strong{font-size:15px}
.fa-tile small{font-size:12.5px;line-height:1.45;color:var(--au-muted,#5b6680)}
.fa-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf0fd;color:var(--brand,#2B4BB8);margin-bottom:4px}
@media (max-width:640px){.fa-panel{padding:18px 16px}.fa-grid{grid-template-columns:1fr 1fr}.fa-tile small{display:none}}

/* ---------- v2.20.1: desktop spacing / size refinements (+ matching tablet & phone values) ---------- */
/* company logo strip */
.co-marquee{padding:60px 0 40px}
.co-marquee.has-names .co-marquee-row img{height:40px;max-width:90px;border-radius:7px}
.co-marquee-h.strong{font-size:24px!important;font-weight:800;color:var(--au-ink,#13183f);margin:0 0 4px;text-align:center;}
.co-mq-name{font-size:20px;font-weight:800;white-space:nowrap;color:hsl(var(--h) 52% 36%)}
.co-marquee.has-names:not(.is-mono) .co-mq-name{color:var(--au-ink,#13183f)}
/* jobs near you */
.ui-aurora .near{padding-top:40px;padding-bottom:80px}
/* home "more" band is plain white in the matte finish */
.finish-matte .sx-home-more:not(:empty){background:#fff!important}
/* CV value block */
.cvv{padding-top:18px;padding-bottom:20px}
/* hero search card */
.ui-aurora .ai-composer-in{border-radius:20px!important}
.hx-searchcard-in{max-width:800px;padding:25px;border-radius:22px}
.hx-searchcard .ai-examples{justify-content:center;margin-top:20px!important}
.hx-searchcard .ai-examples button,.hx-searchcard .ai-ex{font-size:13px!important;padding:8px 12px!important}
/* Register button */
.ui-aurora .sx-register,.finish-matte.btn-solid .sx-register,.finish-matte.btn-glow .sx-register,.finish-matte.btn-square .sx-register{height:40px}

/* tablet */
@media (max-width:1000px){
  .co-marquee{padding:48px 0 34px}
  .ui-aurora .near{padding-top:32px;padding-bottom:64px}
  .hx-searchcard-in{padding:20px}
}
/* phone */
@media (max-width:760px){
  .co-marquee{padding:36px 0 28px}
  .co-marquee.has-names .co-marquee-row img{height:32px;max-width:80px}
  .co-marquee-h.strong{font-size:19px!important}
  .co-mq-name{font-size:16px}
  .ui-aurora .near{padding-top:24px;padding-bottom:44px}
  .cvv{padding-top:12px;padding-bottom:16px}
  .hx-searchcard-in{padding:14px;border-radius:20px}
  .hx-searchcard .ai-examples{margin-top:14px!important}
  .hx-searchcard .ai-examples button,.hx-searchcard .ai-ex{font-size:12.5px!important;padding:7px 11px!important}
  .ui-aurora .sx-register,.finish-matte.btn-solid .sx-register,.finish-matte.btn-glow .sx-register,.finish-matte.btn-square .sx-register{height:36px}
}
@media (max-width:640px){
  .hx-searchcard-in{padding:10px 10px 12px}
}

/* footer app badges */
.sx-store.is-soon{cursor:default;opacity:.7;pointer-events:none}
.sx-store.is-soon small{text-transform:none}
.store.is-soon{opacity:.6;pointer-events:none}
.sx-stores{flex-direction:row;flex-wrap:wrap;gap:10px}
@media (max-width:640px){.sx-stores{gap:8px}.sx-store{padding:6px 11px 6px 8px}}

/* ---------- v2.20.2 ---------- */
/* favourite heart on job cards: 20 x 20 */
.sx-fav svg.ic,.ui-aurora .sx-fav svg.ic{width:20px!important;height:20px!important}
/* footer column headings */
body.ui-aurora .sx-foot-col h4{margin:6px 0 3px!important}
/* hero search card (confirmed values) */
.hx-searchcard-in{max-width:800px;padding:25px 25px 25px 25px;border-radius:22px}
@media (max-width:1000px){.hx-searchcard-in{padding:20px}}
@media (max-width:760px){.hx-searchcard-in{padding:14px;border-radius:20px}}
@media (max-width:640px){.hx-searchcard-in{padding:10px 10px 12px}}

/* ---------- v2.21: customised hero tiles (icon / image / video) & button icons ---------- */
.hb-tile .hb-m{pointer-events:none;user-select:none}
.hb-tile.hb-media{background:var(--bg)}
.jb-bi{flex-shrink:0;vertical-align:middle}

/* v2.24.1: homepage brand strip is display-only (not clickable) */
.co-marquee-row .co-item{cursor:default;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

/* ---------- Footer is always visible (v2.24.3) ----------
   Sticky-footer layout: short pages (Browse, empty results…) keep the footer at the bottom of the screen,
   and the phone tab bar never covers it. */
html{min-height:100%}
body.ui-aurora:not(.auth-focus){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.ui-aurora:not(.auth-focus)>main{flex:1 0 auto;width:100%}
body.ui-aurora>footer,body.ui-aurora>.footer,body.ui-aurora>.sx-foot{flex:0 0 auto;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;height:auto!important;max-height:none!important;width:100%}
body.ui-aurora>footer[hidden]{display:block!important}
body.in-app>footer,body.in-app>.footer,body.in-app>.sx-foot{display:none!important}
@media (max-width:900px){body.ui-aurora.has-tabbar>.footer{padding-bottom:calc(var(--tabbar,64px) + 12px + env(safe-area-inset-bottom))}}

/* ---------- Design editor animations (v2.25) ----------
   Chosen in Admin → Design editor → Animation. Only used when a page's design names one of these. */
@keyframes jb-fade-in{from{opacity:0}to{opacity:1}}
@keyframes jb-fade-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes jb-fade-down{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}
@keyframes jb-slide-left{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes jb-slide-right{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes jb-zoom-in{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
@keyframes jb-flip-in{from{opacity:0;transform:perspective(600px) rotateX(-70deg)}to{opacity:1;transform:perspective(600px) rotateX(0)}}
@keyframes jb-blur-in{from{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur(0)}}
@keyframes jb-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes jb-heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}
@keyframes jb-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-18px)}60%{transform:translateY(-9px)}}
@keyframes jb-shake{0%,100%{transform:translateX(0)}15%,45%,75%{transform:translateX(-7px)}30%,60%,90%{transform:translateX(7px)}}
@keyframes jb-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}
@keyframes jb-glow{0%{box-shadow:0 0 0 0 rgba(43,75,184,.55)}100%{box-shadow:0 0 0 16px rgba(43,75,184,0)}}
@keyframes jb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes jb-spin{to{transform:rotate(360deg)}}

/* ---------- v2.25.2: company logo strip — logo and name share one vertical centre on every screen ---------- */
.co-marquee-row{align-items:center}
.co-marquee-row a,.co-marquee-row .co-item{display:inline-flex!important;align-items:center!important;align-content:center;flex-wrap:nowrap;line-height:1;vertical-align:middle}
.co-marquee-row img,.co-marquee-row .co-mono{display:block;flex:none;align-self:center;margin:0!important;vertical-align:middle}
.co-marquee-row .co-mq-name{display:block;align-self:center;flex:none;margin:0!important;padding:0!important;line-height:1!important;vertical-align:middle}
.co-marquee.has-names .co-marquee-row a,.co-marquee.has-names .co-marquee-row .co-item{height:48px;gap:10px}
.co-marquee.text-only .co-marquee-row a,.co-marquee.text-only .co-marquee-row .co-item{height:44px}
@media (max-width:1000px){.co-marquee.has-names .co-marquee-row a,.co-marquee.has-names .co-marquee-row .co-item{height:44px}}
@media (max-width:760px){.co-marquee.has-names .co-marquee-row a,.co-marquee.has-names .co-marquee-row .co-item{height:40px;gap:8px}.co-marquee.text-only .co-marquee-row a,.co-marquee.text-only .co-marquee-row .co-item{height:36px}}

/* ---------- Joboola brand (v2.25.14): Niveau Grotesk type, brand colours, wordmark ---------- */
@font-face{font-family:"Niveau Grotesk";font-style:normal;font-display:swap;font-weight:400;src:local("Niveau Grotesk Regular"),local("NiveauGrotesk-Regular"),url(../fonts/niveau-fallback-400.woff2) format("woff2")}
@font-face{font-family:"Niveau Grotesk";font-style:normal;font-display:swap;font-weight:500;src:local("Niveau Grotesk Medium"),url(../fonts/niveau-fallback-500.woff2) format("woff2")}
@font-face{font-family:"Niveau Grotesk";font-style:normal;font-display:swap;font-weight:600 700;src:local("Niveau Grotesk Bold"),local("NiveauGrotesk-Bold"),url(../fonts/niveau-fallback-700.woff2) format("woff2")}
@font-face{font-family:"Niveau Grotesk";font-style:normal;font-display:swap;font-weight:800;src:local("Niveau Grotesk Black"),url(../fonts/niveau-fallback-800.woff2) format("woff2")}
@font-face{font-family:"Niveau Grotesk";font-style:normal;font-display:swap;font-weight:900;src:local("Niveau Grotesk Black"),local("NiveauGrotesk-Black"),url(../fonts/niveau-fallback-900.woff2) format("woff2")}
:root{--jb-dark:#2B4BB8;--jb-mid:#2B4BB8;--jb-green:#40A085;--jb-red:#D92027;--jb-yellow:#E4C419;--jb-grey:#A7A9AC;--jb-blend:linear-gradient(135deg,#2B4BB8,#2B4BB8);--jb-font:"Niveau Grotesk",Inter,"Segoe UI",system-ui,sans-serif}
h1,h2{font-weight:900;}
h3,h4{font-weight:700}
.jb-tagline,.tagline,.site-tagline{font-family:Elza,"Niveau Grotesk",Inter,sans-serif;font-weight:500}
.logo-wm{display:inline-flex;align-items:center;color:#2B4BB8;line-height:0;flex:none}
.logo-wm i{display:block;flex:none;height:24px;width:auto;aspect-ratio:2335/544;background:currentColor;-webkit-mask:url(../img/logo-mask.png) 0 50%/contain no-repeat;mask:url(../img/logo-mask.png) 0 50%/contain no-repeat}
.logo-wm+span:not([class$="badge"]){display:none!important}
.header .logo-wm i,.auth-head .logo-wm i{height:28px}.footer .logo-wm i{height:28px}

/* v2.25.20 — number counters in the page-band card (partner page): jobs, companies, countries, partners, new today */
.band-counters{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.band-counters .bc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 6px;border-radius:14px}
.band-counters .bc+.bc{border-left:1px solid var(--au-line,#e5eaf3);border-radius:0}
.band-counters .bc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand,#2B4BB8) 10%,#fff);color:var(--brand,#2B4BB8);margin-bottom:4px}
.band-counters strong{font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.1;color:var(--au-ink,#0A1024);font-variant-numeric:tabular-nums}
.band-counters .bc-l{font-size:13px;color:var(--au-muted,#5B6680)}
@media (max-width:760px){
  .band-counters{grid-template-columns:repeat(2,1fr);gap:8px}
  .band-counters .bc+.bc{border-left:0;border-radius:14px}
  .band-counters .bc{background:var(--au-pearl,#f6f8fd)}
  .band-counters .bc:last-child{grid-column:1/-1}
}

/* ---------- v2.25.20: condensed footer on phones (desktop unchanged), logo always shown ---------- */
body:is(.ui-aurora,.theme-search) .sx-foot-sec{display:flex;flex-direction:column}
body:is(.ui-aurora,.theme-search) .sx-foot-links{display:flex;flex-direction:column;gap:12px}
body.ui-aurora .sx-foot-links{gap:0}
@media (max-width:640px){
  body:is(.ui-aurora,.theme-search) .sx-foot{padding:22px 0 14px!important}
  body:is(.ui-aurora,.theme-search) .sx-foot-grid{grid-template-columns:1fr!important;row-gap:0!important}
  body:is(.ui-aurora,.theme-search) .sx-foot-grid:has(> .sx-social){grid-template-columns:1fr!important;row-gap:0!important}
  /* logo on the left, app badges beside it */
  body:is(.ui-aurora,.theme-search) .sx-foot-brand{display:flex!important;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;padding-bottom:16px}
  body:is(.ui-aurora,.theme-search) .sx-foot .logo{display:inline-flex!important;visibility:visible!important;opacity:1!important;filter:none!important;height:auto!important;flex:none}
  body:is(.ui-aurora,.theme-search) .sx-foot .logo .logo-wm i{height:26px!important}
  body:is(.ui-aurora,.theme-search) .sx-foot .logo img{max-height:30px;width:auto}
  body:is(.ui-aurora,.theme-search) .sx-stores{margin-top:0!important;gap:6px!important;flex-wrap:nowrap}
  body:is(.ui-aurora,.theme-search) .sx-store{padding:5px 9px 5px 7px;font-size:14px;gap:6px}body .sx-store small{font-size:8.5px}body .sx-store svg{width:17px;height:17px}
  /* link groups fold up */
  body:is(.ui-aurora,.theme-search) .sx-foot-col{display:block!important}
  body:is(.ui-aurora,.theme-search) .sx-foot-sec{display:block;border-top:1px solid var(--au-line2,#e9edf5)}
  body:is(.ui-aurora,.theme-search) .sx-foot-sec>h4,body:is(.ui-aurora,.theme-search) .sx-foot-sec>h4.sx-foot-sub{display:flex!important;justify-content:space-between;align-items:center;margin:0!important;padding:14px 2px!important;font-size:15px!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  body:is(.ui-aurora,.theme-search) .sx-foot-sec>h4:after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid #8a93a8;border-bottom:2px solid #8a93a8;transform:rotate(45deg);transition:transform .2s}
  body:is(.ui-aurora,.theme-search) .sx-foot-sec.open>h4:after{transform:rotate(-135deg)}
  body:is(.ui-aurora,.theme-search) .sx-foot-links{display:none!important;padding:0 2px 10px}
  body:is(.ui-aurora,.theme-search) .sx-foot-sec.open .sx-foot-links{display:flex!important}
  body:is(.ui-aurora,.theme-search) .sx-foot-col a,body:is(.ui-aurora,.theme-search) .sx-foot-col a{padding:9px 0!important;font-size:14.5px!important}
  body:is(.ui-aurora,.theme-search) .sx-social{grid-column:auto!important;border-top:1px solid var(--au-line2,#e9edf5);padding:14px 0 2px}
  body:is(.ui-aurora,.theme-search) .sx-foot-bottom{margin-top:12px!important;padding-top:14px!important;justify-content:center!important;text-align:center;font-size:12.5px!important}
  /* base footer (other themes): logo stays visible too */
  .footer .f-brand .logo{display:inline-flex!important;visibility:visible!important;opacity:1!important}
}

/* ---------- v2.27.02: dashboard footer with app badges; footers are hidden completely on phones (<=640px) ---------- */
.appfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--d-line,var(--k-line,#e5eaf3));font-size:12px;color:var(--d-mut,var(--k-mut,#6b7488));background:transparent}
.appfoot a{color:inherit}
.appfoot-stores{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.appfoot-store{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 11px;border:1px solid var(--d-line,var(--k-line,#d9dfeb));border-radius:10px;background:#fff;color:#1b2238!important;font-weight:700;font-size:13px;line-height:1.1;text-decoration:none!important}
.appfoot-store span{display:flex;flex-direction:column}
.appfoot-store small{font-size:9.5px;font-weight:600;color:#6b7488;text-transform:uppercase}
.appfoot-store:hover{border-color:#2B4BB8;color:#2B4BB8!important}
.appfoot-store.is-soon{opacity:.7;pointer-events:none}
.appfoot-store.is-soon small{text-transform:none}
@media (max-width:640px){
  body.ui-aurora>footer,body.ui-aurora>.footer,body.ui-aurora>.sx-foot,body.ui-aurora>footer[hidden],
  .appfoot,.dsh-foot,.dsh-main>footer,.skd-main>footer{display:none!important}
  body.ui-aurora.has-tabbar{padding-bottom:calc(var(--tabbar,64px) + env(safe-area-inset-bottom,0px))}
}
.in-app .appfoot{display:none!important}

/* v2.27.04: example searches (AI chips) are not shown on phones */
@media (max-width:640px){.ai-examples,.ai-ex,.ai-try{display:none!important}}

/* v2.27.06: the floating hero tiles and arcs are not shown on phones (too busy) */
@media (max-width:640px){.hb-deco,.hb-tile,.hb-arc{display:none!important}}

/* v2.27.07: phones (<= 700px) — hero decoration tiles / arcs and the example-search chips stay hidden (higher specificity, wins over theme + per-tile custom CSS) */
@media (max-width:700px){
  html body .hb-deco,html body .hb-deco .hb-tile,html body .hb-deco .hb-arc,html body .hb-tile,html body .hb-arc{display:none!important;visibility:hidden!important}
  html body .ai-examples,html body .ai-examples .ai-ex,html body .ai-ex,html body .ai-try,html body .hx-searchcard .ai-examples{display:none!important}
}

/* v2.28.04: phones show ONE card at a time (full width), swipe left/right for the next. v2.28.01: home "New Jobs Come In" row — swipe sideways on phones only; larger screens keep the first 3 cards */
@media (min-width:641px){.near-list.one-row>:nth-child(n+4){display:none}}
@media (max-width:640px){
  html body .near-list.one-row{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:100%!important;gap:12px;
    overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;
    scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}
  html body .near-list.one-row::-webkit-scrollbar{display:none}
  html body .near-list.one-row>*{display:block;min-width:0;width:100%;scroll-snap-align:start;scroll-snap-stop:always}
}