/* Stafka "Polar" design system.
   Idea: a 24-hour polar watch. Cool porcelain paper, ink, night blue (only in night arcs), sun (shared hours, ranges),
   one red hand (now, medians, the number that matters). Archivo (wide grotesk) for display and data, Source Serif for reading.
   Swiss rules instead of cards; rectangular controls; one orchestrated motion: the dial's dawn. */
@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo.woff2) format("woff2")}
@font-face{font-family:Serif4;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/serif.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:75% 125%;font-display:swap;src:url(fonts/display-cyr.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Serif4;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/serif-cyr.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Native;font-weight:500;font-display:swap;src:url(fonts/native-ka.woff2) format("woff2");unicode-range:U+10A0-10FF}
@font-face{font-family:Native;font-weight:500;font-display:swap;src:url(fonts/native-hy.woff2) format("woff2");unicode-range:U+0530-058F}
@font-face{font-family:Native;font-weight:500;font-display:swap;src:url(fonts/native-cy.woff2) format("woff2");unicode-range:U+0400-04FF}

:root{
  --paper:#EEF1F3;--paper-2:#E2E6EA;--surface:#F8F9FA;--ink:#0D1117;--ink-2:#4A5363;--ink-3:#626B7A;
  --rule:#9AA4B2;--line:#D0D6DE;--night:#17213B;--hatch:#24305A;--twilight:#56658F;--day:#FFFFFF;
  --sun:#F2B630;--sun-ink:#1A1300;--sun-soft:#F8E3AE;--hand:#D7301F;--hand-ink:#B3261A;
  --display:Archivo,"Helvetica Neue",Arial,sans-serif;--text:Serif4,Georgia,"Times New Roman",serif;
  --w:1180px;--w-text:690px;color-scheme:light
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --paper:#0B0F17;--paper-2:#151B27;--surface:#101622;--ink:#E9EDF2;--ink-2:#AEB6C2;--ink-3:#8C95A3;
  --rule:#4A5466;--line:#232B3A;--night:#05070D;--hatch:#1A2236;--twilight:#3B4A70;--day:#263049;
  --sun:#F2B630;--sun-ink:#1A1300;--sun-soft:#3A3013;--hand:#FF5A47;--hand-ink:#FF7A6A;color-scheme:dark}}
:root[data-theme=dark]{--paper:#0B0F17;--paper-2:#151B27;--surface:#101622;--ink:#E9EDF2;--ink-2:#AEB6C2;--ink-3:#8C95A3;
  --rule:#4A5466;--line:#232B3A;--night:#05070D;--hatch:#1A2236;--twilight:#3B4A70;--day:#263049;
  --sun:#F2B630;--sun-ink:#1A1300;--sun-soft:#3A3013;--hand:#FF5A47;--hand-ink:#FF7A6A;color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.62 var(--text);font-kerning:normal}
a{color:inherit}
main a:not(.btn){color:var(--ink);text-decoration:underline;text-decoration-color:var(--hand);text-decoration-thickness:1.5px;text-underline-offset:3px}
main a:not(.btn):hover{color:var(--hand-ink)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;z-index:10;font-family:var(--display)}
.skip:focus{left:16px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.prose{max-width:var(--w-text)}
.native{font-family:Native,var(--text);font-weight:500;color:var(--ink-3)}

h1,h2,h3,summary,.btn,.top,.crumbs,table,.ledger,.stamp,.muted,caption,.index,.cost,.calc,.tz,footer,.cta,.paths,.steps li::before,label,.dial-meta,.dial-key{font-family:var(--display)}
h1,h2,h3{margin:0;line-height:1.02;text-wrap:balance;letter-spacing:-.015em}
h1{font-size:clamp(2.3rem,1.2rem + 4.6vw,4.6rem);font-weight:800;font-stretch:118%;margin-top:.5rem;max-width:17ch}
h2{font-size:clamp(1.45rem,1.15rem + 1.1vw,2.05rem);font-weight:760;font-stretch:112%;margin-top:3.4rem;padding-top:.9rem;border-top:2px solid var(--ink)}
h3{font-size:1.08rem;font-weight:700;font-stretch:100%;margin-top:1.9rem;letter-spacing:0}
p,ul,ol{margin:.9rem 0 0}
ul,ol{padding-left:1.15rem}
li+li{margin-top:.32rem}
.lead{font-size:clamp(1.12rem,1.02rem + .45vw,1.36rem);line-height:1.5;color:var(--ink-2);max-width:60ch;margin-top:1.1rem}
.muted,.stamp{color:var(--ink-3);font-size:.86rem;line-height:1.45}
.stamp{margin-top:.9rem}
.num,td.n,th.n{font-variant-numeric:tabular-nums lining-nums}

/* header: wordmark + dial mark, ruled */
.top{border-bottom:1px solid var(--ink);background:var(--paper)}
.top .wrap{display:flex;align-items:center;gap:22px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-stretch:125%;font-size:1.28rem;letter-spacing:-.02em;text-decoration:none;margin-right:auto}
.brand svg{width:30px;height:30px;flex:none}
.mk-ring{fill:none;stroke:var(--ink);stroke-width:2.6}.mk-lens{fill:var(--sun)}.mk-hand{stroke:var(--hand);stroke-width:2.4;stroke-linecap:round}
.top nav{display:flex;gap:20px}
.top nav a{text-decoration:none;color:var(--ink-2);font-size:.93rem;font-weight:560;padding:6px 0;border-bottom:2px solid transparent}
.top nav a:hover{color:var(--ink)}
.top nav a[aria-current]{color:var(--ink);border-bottom-color:var(--hand)}
@media (max-width:820px){.top nav{display:none}.top .wrap{min-height:56px}}

/* controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border-radius:3px;font-weight:680;font-size:.97rem;font-stretch:108%;text-decoration:none;border:1.5px solid var(--ink);cursor:pointer;white-space:nowrap;letter-spacing:.005em}
.btn-act{background:var(--ink);color:var(--paper)}
.btn-act:hover{background:var(--hand);border-color:var(--hand);color:#fff}
.btn-line{background:transparent;color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-sm{min-height:38px;padding:7px 14px;font-size:.9rem}

/* page head */
.crumbs{font-size:.84rem;color:var(--ink-3);margin-top:1.5rem}
.crumbs a{color:var(--ink-3)!important;text-decoration:none!important}
.crumbs a:hover{color:var(--ink)!important}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--rule)}
.crumbs li+li{margin-top:0}
.head{padding:.4rem 0 1.4rem}

/* ledger: the page's figures, set like a watch's data window */
.ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:1.8rem}
.ledger div{padding:14px 18px 14px 0;margin-right:18px;border-right:1px solid var(--line)}
.ledger div:last-child{border-right:0}
.ledger b{display:block;font-size:clamp(1.4rem,1.05rem + 1.2vw,2.15rem);font-weight:780;font-stretch:115%;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;line-height:1.1}
.ledger div:first-child b{color:var(--hand-ink)}
.ledger span{display:block;font-size:.84rem;color:var(--ink-2);line-height:1.35;margin-top:4px}
@media (max-width:560px){.ledger{grid-template-columns:1fr 1fr}.ledger div{border-right:0;margin-right:0}.ledger div:nth-child(n+3){border-top:1px solid var(--line)}}

/* tables: ruled, condensed numerals */
.tbl{overflow-x:auto;margin-top:1.1rem}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-stretch:88%}
th,td{padding:9px 14px 9px 0;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
thead th{font-size:.8rem;font-weight:650;color:var(--ink-2);border-bottom:1.5px solid var(--ink);white-space:nowrap;font-stretch:100%}
tbody th{font-weight:560}
td.n,th.n{text-align:right;white-space:nowrap;padding-right:0;padding-left:14px}
tbody tr:hover{background:var(--paper-2)}
tr.me th,tr.me td{font-weight:720}
tr.me th{box-shadow:inset 3px 0 0 var(--hand);padding-left:10px}
caption{caption-side:bottom;text-align:left;padding:8px 0;font-size:.82rem;color:var(--ink-3)}

/* in-cell bar */
.bar{display:flex;align-items:center;gap:10px;min-width:170px}
.bar i{display:block;height:7px;background:var(--ink);flex:none}
.bar span{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
tr.me .bar i{background:var(--hand)}

/* percentile range as a bezel scale: ticks, p10-p90 line, p25-p75 band, median needle */
.rng{position:relative;height:30px;min-width:220px;background:repeating-linear-gradient(90deg,var(--rule) 0 1px,transparent 1px 10%) 0 100%/100% 6px no-repeat}
.rng .t{position:absolute;top:13px;height:2px;background:var(--ink)}
.rng .b{position:absolute;top:8px;height:12px;background:var(--sun);box-shadow:inset 0 0 0 1px var(--ink)}
.rng .m{position:absolute;top:1px;width:3px;height:26px;background:var(--hand)}
.rng-legend{display:flex;flex-wrap:wrap;gap:18px;font-family:var(--display);font-size:.8rem;color:var(--ink-2);margin-top:8px}
.rng-legend i{display:inline-block;width:16px;height:8px;vertical-align:middle;margin-right:6px}

/* linear 24-hour strip */
.tz{margin-top:1.1rem;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line);padding:10px 0 12px}
.tz-row{display:grid;grid-template-columns:minmax(130px,200px) 1fr;gap:14px;align-items:center;padding:7px 0}
.tz-row+.tz-row{border-top:1px dashed var(--line)}
.tz-name{font-size:.9rem;font-weight:650;line-height:1.3}
.tz-name small{display:block;font-weight:450;color:var(--ink-3);font-size:.8rem}
.tz-track{position:relative;height:20px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px calc(100%/24)),var(--paper-2);overflow:hidden}
.tz-track span{position:absolute;top:0;bottom:0}
.tz-track .you{background:var(--twilight);opacity:.28}
.tz-track .them{top:5px;bottom:5px;background:var(--ink)}
.tz-track .both{top:3px;bottom:3px;background:var(--sun);box-shadow:inset 0 0 0 1px var(--ink)}
.tz-axis{display:grid;grid-template-columns:minmax(130px,200px) 1fr;gap:14px;font-size:.74rem;color:var(--ink-3)}
.tz-axis div{display:flex;justify-content:space-between}
.tz-key{display:flex;flex-wrap:wrap;gap:18px;font-size:.8rem;color:var(--ink-2);margin-top:10px}
.tz-key i{display:inline-block;width:16px;height:9px;vertical-align:middle;margin-right:6px}
@media (max-width:560px){.tz-row,.tz-axis{grid-template-columns:1fr}.tz-axis>span{display:none}}

/* cost comparison */
.cost{margin-top:1.1rem;display:grid;gap:12px;border-top:1.5px solid var(--ink);padding-top:12px}
.cost>div{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:16px;align-items:center}
.cost>div>div{line-height:1.35}
.cost i{display:block;height:24px;background:var(--ink)}
.cost .us i{background:var(--sun);box-shadow:inset 0 0 0 1.5px var(--ink)}
.cost b{font-variant-numeric:tabular-nums lining-nums;font-weight:780;font-stretch:112%;font-size:1.12rem}
.cost .us b{color:var(--hand-ink)}
.cost small{display:block;color:var(--ink-3);font-size:.8rem}
@media (max-width:560px){.cost>div{grid-template-columns:1fr;gap:6px}}

/* calculator */
.calc{margin-top:1.2rem;border:1.5px solid var(--ink);background:var(--surface);padding:18px 20px}
.calc form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 18px}
.calc label{display:grid;gap:4px;font-size:.82rem;color:var(--ink-2);font-weight:600}
.calc input,.calc select{font:600 1.05rem/1.2 var(--display);font-variant-numeric:tabular-nums;padding:8px 2px;border:0;border-bottom:1.5px solid var(--ink);background:transparent;color:var(--ink);width:100%;border-radius:0}
.calc .res{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px;border-top:3px solid var(--ink)}
.calc .res div{padding:12px 4px 2px 0}
.calc .res b{display:block;font-size:1.6rem;font-weight:800;font-stretch:115%;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em}
.calc .res span{font-size:.8rem;color:var(--ink-3)}
.calc .save b{color:var(--hand-ink)}

/* call to action: a full-width ink band */
.cta{margin-top:3rem;background:#0D1117;color:#EEF1F3;padding:26px 26px 24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.cta strong{font-size:clamp(1.2rem,1rem + .8vw,1.6rem);font-weight:800;font-stretch:115%;letter-spacing:-.015em;line-height:1.1;display:block}
.cta p{margin:.45rem 0 0;color:#C3CAD4;font-family:var(--text);font-size:1rem}
.cta .btn-act{background:var(--sun);color:var(--sun-ink);border-color:var(--sun)}
.cta .btn-act:hover{background:#EEF1F3;border-color:#EEF1F3;color:#0D1117}
@media (max-width:640px){.cta{grid-template-columns:1fr}}
.cta-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:1.4rem}

/* notes, FAQ, sources */
.note{border-left:3px solid var(--hand);background:var(--paper-2);padding:11px 15px;margin-top:1.1rem;font-size:.97rem}
details{border-bottom:1px solid var(--line);padding:13px 0}
details:first-of-type{border-top:1px solid var(--ink)}
summary{font-weight:680;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:1.02rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--hand);font-weight:500;font-size:1.2rem;line-height:1}
details[open] summary::after{content:"−"}
details p{color:var(--ink-2);max-width:var(--w-text)}
.sources{font-size:.84rem;color:var(--ink-3);word-break:break-word;padding-left:1.4rem;font-family:var(--text)}
.sources a{color:var(--ink-2)!important;text-decoration-color:var(--rule)!important}
sup a{text-decoration:none!important;font-family:var(--display);font-size:.68em;font-weight:700;color:var(--hand-ink)!important;padding:0 1px}

/* index lists */
.index{list-style:none;padding:0;margin-top:1rem;border-top:1.5px solid var(--ink);columns:2 320px;column-gap:32px}
.index li{break-inside:avoid;border-bottom:1px solid var(--line);margin:0;padding:11px 0;display:flex;justify-content:space-between;gap:12px}
.index a{text-decoration:none!important;color:var(--ink)!important;font-weight:600}
.index a:hover{color:var(--hand-ink)!important}
.index span{color:var(--ink-3);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;font-stretch:88%}
.related{margin-top:2.6rem}

/* layout helpers */
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start}
@media (max-width:880px){.split{grid-template-columns:1fr}}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding:0 0 0 52px;margin-top:18px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;font-size:1.9rem;font-weight:800;font-stretch:125%;color:var(--hand)}

/* home hero with the dial */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;padding:2.2rem 0 1.4rem}
.hero h1{font-size:clamp(2.6rem,1.2rem + 5.4vw,5.6rem);max-width:12ch}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
.hero-sm{padding:.2rem 0 0;grid-template-columns:1.25fr .9fr}
.hero-sm h1{font-size:clamp(2.1rem,1.2rem + 3.6vw,3.9rem);max-width:16ch}
.hero-sm .dial{max-width:380px}
@media (max-width:900px){.hero-sm{grid-template-columns:1fr}.hero-sm .dial{max-width:320px;margin:0 auto}}
.dialbox{position:relative}
.dial{width:100%;height:auto;display:block;aspect-ratio:1/1;max-width:560px;margin-left:auto}
.d-tick{stroke:var(--rule);stroke-width:1.2}.d-major{stroke:var(--ink);stroke-width:2.2}
.d-hour{font:600 15px var(--display);fill:var(--ink-3);text-anchor:middle;font-variant-numeric:tabular-nums}
.d-hour-major{fill:var(--ink);font-weight:800}
.d-vring{fill:none;stroke:var(--paper-2)}.d-vday{fill:var(--ink)}
.d-dayring{fill:none;stroke:var(--day)}
.d-night{fill:var(--night)}.d-hatch{stroke:var(--hatch);stroke-width:3}
.d-band{fill:var(--sun);opacity:.38}.d-band-in{fill:var(--sun)}
.d-late{stroke:var(--sun);stroke-width:1.6}.d-lateband{opacity:.9}
.d-lens{fill:color-mix(in srgb,var(--ink) 5%,transparent);stroke:var(--ink);stroke-width:1.6;stroke-dasharray:5 4}
.d-hand line{stroke:var(--hand);stroke-width:3.2;stroke-linecap:round}.d-hand circle{fill:var(--hand)}
.d-ring{font:700 12.5px var(--display);fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
.d-big{font:850 58px var(--display);font-stretch:118%;fill:var(--ink);text-anchor:middle;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.d-cap{font:600 13px var(--display);fill:var(--ink-2);text-anchor:middle}
.dial-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:.88rem;color:var(--ink-2);margin-top:6px}
.dial-meta select{font:600 .92rem var(--display);background:transparent;color:var(--ink);border:0;border-bottom:1.5px solid var(--ink);padding:4px 2px;border-radius:0}
.dial-key{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.78rem;color:var(--ink-2);margin-top:10px}
.dial-key i{display:inline-block;width:14px;height:9px;vertical-align:middle;margin-right:5px}
@media (prefers-reduced-motion:no-preference){
  .dial .d-city{animation:dawn .9s cubic-bezier(.2,.7,.2,1) both}
  .dial .d-city:nth-of-type(2){animation-delay:.08s}.dial .d-city:nth-of-type(3){animation-delay:.16s}.dial .d-city:nth-of-type(4){animation-delay:.24s}
  .dial .d-lens{animation:lens 1.1s .35s ease-out both}
}
@keyframes dawn{from{opacity:0}to{opacity:1}}
@keyframes lens{from{stroke-dashoffset:400;opacity:0}to{stroke-dashoffset:0;opacity:1}}

.paths{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:1rem;border-top:1.5px solid var(--ink)}
.paths a{display:block;padding:16px 18px 16px 0;border-bottom:1px solid var(--line);text-decoration:none!important;color:var(--ink)!important}
.paths a:nth-child(odd){border-right:1px solid var(--line);padding-right:18px}
.paths a:nth-child(even){padding-left:18px}
.paths a:hover b{color:var(--hand-ink)}
.paths b{display:block;font-size:1.08rem;font-weight:760;font-stretch:110%}
.paths span{color:var(--ink-2);font-size:.95rem;font-family:var(--text)}
@media (max-width:640px){.paths{grid-template-columns:1fr}.paths a:nth-child(odd){border-right:0}.paths a:nth-child(even){padding-left:0}}

/* forms */
.form{display:grid;gap:16px;max-width:660px;margin-top:1.2rem}
.form label{display:grid;gap:5px;font-weight:620;font-size:.88rem}
.form input,.form select,.form textarea{font:500 1rem var(--display);padding:10px 2px;border:0;border-bottom:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:0}
.form textarea{min-height:120px;border:1.5px solid var(--ink);padding:10px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}

/* footer */
footer{margin-top:4.5rem;border-top:3px solid var(--ink);background:var(--paper)}
footer .wrap{padding-top:28px;padding-bottom:36px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;font-size:.9rem;color:var(--ink-2)}
footer h2{font-size:.95rem;margin:0 0 8px;padding:0;border:0;color:var(--ink);font-stretch:110%}
footer p{font-family:var(--text)}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin-top:7px}
footer a{text-decoration:none;color:var(--ink-2)}
footer a:hover{color:var(--hand-ink)}
footer .legal{grid-column:1/-1;font-size:.8rem;color:var(--ink-3);border-top:1px solid var(--line);padding-top:14px;font-family:var(--text)}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.top,footer,.cta,.calc{display:none}}

/* home navigation: finder bar, tags, topic board, tiles */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.findbar{margin-top:1.6rem;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0 16px}
.finder{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:14px 18px;align-items:end;font-family:var(--display)}
.seg{border:1.5px solid var(--ink);border-radius:3px;display:flex;padding:0;margin:0;align-self:end}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:block;padding:11px 14px;font-weight:650;font-size:.92rem;white-space:nowrap}
.seg input:checked+span{background:var(--ink);color:var(--paper)}
.seg input:focus-visible+span{outline:3px solid var(--sun);outline-offset:-3px}
.fld{display:grid;gap:4px;font-size:.8rem;font-weight:620;color:var(--ink-2)}
.fld select{font:650 1.05rem var(--display);padding:9px 2px;border:0;border-bottom:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:0;width:100%}
.finder .btn{min-height:46px}
@media (max-width:980px){.finder{grid-template-columns:1fr 1fr}.seg{grid-column:1/-1;justify-self:start}.finder .btn{grid-column:1/-1}}
@media (max-width:520px){.finder{grid-template-columns:1fr}.seg span{padding:10px 11px;font-size:.86rem}}
.chips{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{margin:0}
.chips a{display:inline-flex;align-items:baseline;gap:7px;padding:7px 11px;border:1px solid var(--line);background:var(--surface);border-radius:2px;
  font-family:var(--display);font-size:.9rem;font-weight:600;color:var(--ink)!important;text-decoration:none!important;line-height:1.25}
.chips a:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)!important}
.chips a:hover small{color:var(--sun)}
.chips small{font-size:.76rem;font-weight:600;color:var(--hand-ink);font-variant-numeric:tabular-nums lining-nums;font-stretch:90%}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}
.board section h2{font-size:1.25rem}
.board .muted{margin-top:.35rem}
.board h3{font-size:.92rem;margin-top:1.4rem;color:var(--ink-2)}
@media (max-width:980px){.board{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:3rem}
.tile{display:grid;gap:8px;padding:22px 22px 20px;border:1.5px solid var(--ink);text-decoration:none!important;color:var(--ink)!important;background:var(--surface)}
.tile b{font-family:var(--display);font-size:1.3rem;font-weight:800;font-stretch:112%;line-height:1.1}
.tile span{color:var(--ink-2);font-size:1rem}
.tile em{font-family:var(--display);font-style:normal;font-weight:700;font-size:.92rem;color:var(--hand-ink)}
.tile:hover{background:var(--paper-2)}
.tile-ink{background:#0D1117;color:#EEF1F3!important;border-color:#0D1117}
.tile-ink span{color:#C3CAD4}
.tile-ink em{color:#F2B630}
.tile-ink:hover{background:#17213B}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
footer .wrap{grid-template-columns:1.3fr 1fr 1fr 1fr}
@media (max-width:900px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}

/* header extras: language switch (candidate portal) and the job-seekers link (employer site) */
.top .langs{display:flex;gap:2px;font-weight:700;font-size:.8rem;border:1.5px solid var(--ink);border-radius:3px}
.top .langs a{padding:5px 8px;text-decoration:none;color:var(--ink)}
.top .langs a[aria-current]{background:var(--ink);color:var(--paper)}
.top .seekers{font-size:.9rem;font-weight:620;color:var(--ink-2);text-decoration:none;border-bottom:2px solid var(--sun)}
.top .seekers:hover{color:var(--ink)}
@media (max-width:820px){.top .seekers{display:none}.top .wrap{gap:12px}}
@media (max-width:420px){.top .btn-sm{padding:7px 10px;font-size:.84rem}}
.geo{display:none;margin-top:1rem;border:1.5px solid var(--ink);background:var(--surface);padding:12px 16px;font-family:var(--display);font-size:.95rem}
.geo.is-on{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.geo a{font-weight:700}

/* employer home: price-first hero, role price tiles, collapsible data */
.trio{grid-template-columns:repeat(3,1fr);margin-top:1.2rem}
@media (max-width:900px){.trio{grid-template-columns:1fr}}
.tile.price .pr{font-family:var(--display);font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);font-weight:850;font-stretch:115%;color:var(--hand-ink);line-height:1.05;letter-spacing:-.02em}
.tile.price .pr small{display:block;font-size:.8rem;font-weight:600;color:var(--ink-3);letter-spacing:0;font-stretch:100%}
.finder-2{grid-template-columns:1fr 1fr auto}
@media (max-width:760px){.finder-2{grid-template-columns:1fr}}
.hero .cost{margin-top:1.4rem}
.hero .cost>div{grid-template-columns:1fr;gap:6px}
.hero .cost i{height:18px}
details.more{margin-top:2.6rem;border:0;border-top:2px solid var(--ink);padding:14px 0}
details.more summary{font-size:1.15rem;font-weight:760;font-stretch:108%}
details.more h3{font-size:.95rem;color:var(--ink-2)}

.top .cs{display:none}
@media (max-width:560px){.top .cl{display:none}.top .cs{display:inline}.top .wrap{gap:10px}.top .langs a{padding:5px 6px}}
@media (max-width:380px){.brand .bt{display:none}}

/* candidate country sites (ua./kz./ge./am.stafka.com): country tag, login, mobile nav row, search, job rows */
.brand .cty{font-size:.72rem;font-weight:700;font-stretch:100%;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);
  border:1.5px solid var(--ink);padding:2px 6px;border-radius:2px;margin-left:2px}
.top .login{font-size:.93rem;font-weight:620;color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.top .login:hover,.top .login[aria-current]{border-bottom-color:var(--hand)}
@media (max-width:820px){
  .ctop .wrap{flex-wrap:wrap;row-gap:0}
  .ctop nav{display:flex;order:3;width:100%;gap:18px;overflow-x:auto;border-top:1px solid var(--line);padding:4px 0 2px;scrollbar-width:none}
  .ctop nav::-webkit-scrollbar{display:none}
  .ctop nav a{white-space:nowrap}
}
@media (max-width:420px){.brand .cty{display:none}}
.chero{padding:1.2rem 0 .4rem}
.chero h1{max-width:20ch}
.chero .count{margin-top:.9rem;font-family:var(--display);font-weight:700;font-size:1.05rem}
.chero .count a{text-decoration-color:var(--sun)!important;text-decoration-thickness:3px!important}
.search{display:grid;grid-template-columns:1fr 220px auto;gap:12px 18px;align-items:end;margin-top:1.4rem;padding:18px 0 16px;
  border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--display)}
.search input,.search select{font:600 1.05rem var(--display);padding:9px 2px;border:0;border-bottom:1.5px solid var(--ink);
  background:transparent;color:var(--ink);border-radius:0;width:100%}
.search input::placeholder{color:var(--ink-3);font-weight:500}
.search .btn{min-height:46px}
@media (max-width:760px){.search{grid-template-columns:1fr}.search .btn{width:100%}}
.or{margin-top:1rem;font-family:var(--display);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.or>span{color:var(--ink-3);font-size:.9rem}
.or small{color:var(--ink-3);font-size:.84rem}
.jobs{list-style:none;padding:0;margin:1rem 0 0;border-top:1px solid var(--ink)}
.jr{margin:0;padding:12px 0 11px;border-bottom:1px solid var(--line)}
.jr[hidden]{display:none}
.jt{font-family:var(--display);font-weight:700;font-size:1.06rem;line-height:1.3}
.jt a{text-decoration:none!important;color:var(--ink)!important}
.jt a:hover{text-decoration:underline!important;text-decoration-color:var(--hand)!important}
.jm{margin-top:3px;font-family:var(--display);font-size:.86rem;color:var(--ink-2);line-height:1.45}
.jm b{color:var(--ink);font-weight:650}
.jr.ours{background:var(--surface);padding-left:12px;padding-right:12px;border-left:3px solid var(--sun)}
.tag{display:inline-block;vertical-align:2px;margin-left:6px;padding:1px 6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;
  background:var(--sun);color:var(--sun-ink);border-radius:2px}
.tag.new{background:var(--ink);color:var(--paper)}
.found{margin-top:1.2rem;font-family:var(--display);font-weight:700;font-size:.92rem;color:var(--ink-2)}
.empty{font-family:var(--display);padding:16px 0}
.chips a[aria-current]{background:var(--ink);color:var(--paper)!important;border-color:var(--ink)}
.chips a[aria-current] small{color:var(--sun)}
.tile.job .pr{font-family:var(--display);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:850;font-stretch:115%;color:var(--hand-ink);line-height:1.05}
.tile.job .pr small{display:block;font-size:.8rem;font-weight:600;color:var(--ink-3);font-stretch:100%}
.tile .acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:4px;font-family:var(--display);font-size:.9rem}
.co h2 small{font-size:.8rem;font-weight:650;color:var(--ink-3);font-stretch:100%;margin-left:6px}
.cfoot .wrap{grid-template-columns:1.4fr 1fr 1fr}
@media (max-width:760px){.cfoot .wrap{grid-template-columns:1fr}}
.ctop~main .head h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.2rem);max-width:24ch}
.geo .geo-x{margin-left:auto;font:600 .85rem var(--display);background:none;border:0;border-bottom:1.5px solid var(--ink-3);color:var(--ink-2);cursor:pointer;padding:2px 0}

/* account screens (static/account.js): forms, status, intro requests */
.acct{max-width:640px;margin-top:1.2rem}
.acct-form{display:grid;gap:14px;font-family:var(--display)}
.acct-fld input,.acct-fld select,.acct-fld textarea{font:500 1rem var(--display);padding:10px 2px;border:0;border-bottom:1.5px solid var(--ink);
  background:transparent;color:var(--ink);border-radius:0;width:100%}
.acct-fld textarea{border:1.5px solid var(--line);padding:10px;resize:vertical;line-height:1.45}
.acct-fld small{color:var(--ink-3);font-size:.78rem;font-weight:500}
.acct-fld [aria-invalid],.acct-check:has([aria-invalid]){border-color:var(--hand);outline:2px solid var(--hand);outline-offset:2px}
.acct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
@media (max-width:560px){.acct-row{grid-template-columns:1fr}}
.acct-pw{display:flex;align-items:end;gap:8px}
.acct-pw input{flex:1}
.acct-show,.acct-link{font:600 .85rem var(--display);background:none;border:0;border-bottom:1.5px solid var(--ink-3);color:var(--ink-2);cursor:pointer;padding:2px 0}
.acct-link:hover,.acct-show:hover{color:var(--ink);border-color:var(--hand)}
.acct-danger{color:var(--hand-ink);border-color:var(--hand)}
.acct-check{display:flex;gap:10px;align-items:flex-start;font:500 .92rem/1.4 var(--display);color:var(--ink-2)}
.acct-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--ink);flex:none}
.acct-err{margin:0;padding:10px 12px;border-left:3px solid var(--hand);background:var(--surface);font:600 .9rem var(--display);color:var(--hand-ink)}
.acct-ok{font:600 .9rem var(--display);color:var(--ink-2);margin-left:10px}
.acct-alt{font-family:var(--display);font-size:.92rem;color:var(--ink-2);margin-top:.6rem}
.acct-h{font-size:1.15rem;margin-top:2rem;padding-top:.7rem;border-top:1px solid var(--ink)}
.acct-exp{border:1px solid var(--line);padding:14px;margin:0 0 12px;display:grid;gap:12px;background:var(--surface)}
.acct-status{border:1.5px solid var(--ink);padding:14px 16px;background:var(--surface);font-family:var(--display)}
.acct-status p{margin:0}
.acct-st-published{border-left:6px solid var(--sun)}
.acct-st-rejected{border-left:6px solid var(--hand)}
.acct-acts{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:.8rem!important}
.acct-intro{border-bottom:1px solid var(--line);padding:12px 0;font-family:var(--display)}
.acct-intro p{margin:.3rem 0 0}
.acct-card{border:1.5px dashed var(--ink-3);padding:14px 16px;font-family:var(--display)}
.acct-card p{margin:.4rem 0 0}
.acct-note{border-left:3px solid var(--sun);background:var(--surface);padding:10px 12px;font-family:var(--display);font-size:.92rem;margin-bottom:1rem}
.acct-cv .btn{cursor:pointer}
.talent-f{grid-template-columns:repeat(4,1fr) auto}
@media (max-width:980px){.talent-f{grid-template-columns:1fr 1fr}.talent-f .btn{grid-column:1/-1}}
@media (max-width:520px){.talent-f{grid-template-columns:1fr}}
.acct-wide{max-width:none}
.t-card .jt{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.t-card p{margin:.4rem 0 0}
.t-head{font-family:var(--display);font-weight:650}
.t-intro{margin-top:.7rem}
.t-intro .acct-form{max-width:620px}

/* Dial motion layer (owned by the dial motion work). Concatenated after stafka.css at build time.
   Load-in ("dawn"), live states set by dial.js (.is-live, .is-scrub, .has-hi, .is-tilt, .is-tick) and the ambient bead. */
.dial{touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;transform-origin:50% 50%}
.dial.is-live{cursor:grab;-webkit-user-select:none;user-select:none}
.is-drag .dial,.is-drag .d-grip{cursor:grabbing}
.dial:focus,.dial:focus-visible{outline:none}
.d-focus{fill:none;stroke:var(--sun);stroke-width:4;opacity:0;pointer-events:none}
.dial:focus-visible .d-focus{opacity:1}
.d-grip{touch-action:none;cursor:grab}
.d-hand .d-pin{fill:var(--paper)}
.d-hand .d-jw{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.4;transition:opacity .5s}
.is-dawn .d-jw,.is-wait .d-hand,.is-wait .d-big,.is-wait .d-cap,.is-wait .d-ring{opacity:0}
.dial.is-dawn .d-ring{transition-delay:.8s}
.d-hand .d-jw.work{fill:var(--sun);stroke:var(--ink);stroke-width:1.6}
.d-hand .d-jw.late{fill:var(--sun-soft);stroke:var(--sun);stroke-width:2}
.d-sec{fill:var(--hand);opacity:0;transition:opacity .8s;pointer-events:none}
.is-tick .d-sec{opacity:1}
.is-scrub .d-sec{opacity:.25}
.d-glass{pointer-events:none;opacity:0;transition:opacity .5s}
.is-tilt .d-glass{opacity:1}
.d-trace{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-dasharray:100 100;pointer-events:none;opacity:0}
.d-lens,.d-ring,.d-big,.d-cap,.d-sec,.d-glass{pointer-events:none}
.dial [clip-path]{pointer-events:none}

/* highlight: one city (hover a ring or its table row), or the cities at work at the scrubbed moment */
.dial .d-city,.dial [clip-path]>g,.dial .d-ring{transition:opacity .25s}
.dial.has-hi .d-city:not(.is-hi),.dial.has-hi [clip-path]>g:not(.is-hi),.dial.has-hi .d-ring:not(.is-hi){opacity:.28}
.d-city.is-hi .d-band,.d-city.is-on .d-band{opacity:.72}
.d-band{transition:opacity .25s}
tr[data-row]{transition:background-color .2s}
tr[data-row].is-hi{background:var(--paper-2)}
tr[data-row].is-hi th{box-shadow:inset 3px 0 0 var(--sun)}
td[data-now]::before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:.45em;vertical-align:.02em}
tr[data-st=work] td[data-now]::before{background:var(--sun);box-shadow:inset 0 0 0 1.5px var(--ink)}
tr[data-st=late] td[data-now]::before{background:repeating-linear-gradient(-45deg,var(--sun) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1.5px var(--sun)}
tr[data-st=off] td[data-now]::before{box-shadow:inset 0 0 0 1.5px var(--ink-3)}

/* "Back to now": absolutely placed over the dial's empty top-right corner, so showing it never moves the layout */
.dial-back{position:absolute;top:0;right:0;z-index:1;visibility:hidden;opacity:0;transform:translateY(-4px);
  transition:opacity .2s,transform .2s,visibility 0s .2s;font:650 .82rem/1 var(--display);color:var(--ink);background:var(--paper);
  border:1.5px solid var(--ink);border-radius:3px;padding:8px 11px;cursor:pointer;min-height:34px}
.dial-back::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hand);margin-right:7px;vertical-align:1px}
.dial-back:hover{background:var(--ink);color:var(--paper)}
.is-scrub .dial-back{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
.dial-sr{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* dawn. The frame (bezel, your ring, lens) is complete at first paint. The rings, hand and centre depend on the
   visitor's zone, so they are held hidden ~1 s and then fade in (the no-JS / late-JS path); dial.js adds .is-live and
   plays its own sequence when the dial is on screen (.is-go): a red sweep runs clockwise over the ticks, the lens is traced. */
@media (prefers-reduced-motion:no-preference){
  .dial .d-lens{animation:none}
  .dial .d-city,.dial .d-city:nth-of-type(n),.dial [clip-path],.dial .d-hand,.dial .d-big,.dial .d-cap{animation:d-fade .5s 1s both}
  .dial .d-ring{animation:d-fade .5s 1.15s both}
  .dial.is-live .d-city,.dial.is-live .d-city:nth-of-type(n),.dial.is-live [clip-path],.dial.is-live .d-hand,.dial.is-live .d-big,
  .dial.is-live .d-cap,.dial.is-live .d-ring{animation:none}
  .is-go .d-tick{animation:d-tick .75s calc(var(--i) * 24ms) ease-out}
  .is-go .d-hour{animation:d-hour .75s calc(var(--i) * 24ms) ease-out}
  .is-go .d-trace{animation:d-trace 1.05s .2s cubic-bezier(.6,0,.25,1) both}
}
@keyframes d-fade{from{opacity:0}}
@keyframes d-tick{from{stroke:var(--hand);stroke-width:3.2}}
@keyframes d-hour{from{fill:var(--hand-ink)}}
@keyframes d-trace{0%{stroke-dashoffset:100;opacity:1}72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}

/* Stafka UI v2 (research/spec-jobboard-v2.md section 2): product job-board UI on top of the Polar base.
   Applies to pages whose <body> has class "v2" (all candidate country sites; employer pages that opt in).
   Light grey page, white rounded cards, soft shadows, icons, badges. Brand night band + sun-yellow main action. */
.v2{
  --bg:#F3F5F8;--card:#FFFFFF;--ink:#0D1117;--ink-2:#4A5363;--ink-3:#6B7484;--line:#E3E7EE;--line-2:#D3D9E2;
  --brand:#17213B;--brand-2:#22305A;--brand-ink:#FFFFFF;--sun:#F2B630;--sun-2:#E5A716;--sun-ink:#1A1300;--sun-soft:#FFF4D6;
  --hand:#D7301F;--hand-soft:#FDECEA;--ok:#1F8A5B;--ok-soft:#E6F4EE;--info:#2F6FED;--info-soft:#EAF1FE;
  --r:16px;--r-sm:10px;--sh:0 1px 2px rgba(13,17,23,.06),0 4px 16px rgba(13,17,23,.06);--sh-2:0 2px 4px rgba(13,17,23,.08),0 10px 28px rgba(13,17,23,.10);
  --sans:Archivo,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .v2{
  --bg:#0B0F17;--card:#141A26;--ink:#E9EDF2;--ink-2:#B4BCC8;--ink-3:#8C95A3;--line:#232B3A;--line-2:#2E3849;
  --brand:#101829;--brand-2:#1A2440;--sun-soft:#3A3013;--hand-soft:#3A1714;--ok-soft:#0F2A20;--info-soft:#14233F;
  --sh:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);--sh-2:0 2px 4px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.4)}}
:root[data-theme=dark] .v2{--bg:#0B0F17;--card:#141A26;--ink:#E9EDF2;--ink-2:#B4BCC8;--ink-3:#8C95A3;--line:#232B3A;--line-2:#2E3849;
  --brand:#101829;--brand-2:#1A2440;--sun-soft:#3A3013;--hand-soft:#3A1714;--ok-soft:#0F2A20;--info-soft:#14233F}

/* base overrides inside v2 */
.v2 h1,.v2 h2,.v2 h3{font-family:var(--sans);letter-spacing:-.01em;font-stretch:105%}
.v2 h1{font-size:clamp(1.9rem,1.3rem + 2.2vw,3rem);font-weight:800;max-width:none;margin-top:0}
.v2 h2{font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);font-weight:780;border-top:0;padding-top:0;margin-top:2.6rem}
.v2 h3{font-size:1.08rem;font-weight:720}
.v2 p,.v2 li{font-family:var(--sans)}
.v2 .lead{font-family:var(--sans);color:var(--ink-2);font-size:1.08rem}
.v2 main a:not(.btn):not(.card):not(.chip):not(.tile-ic){color:var(--info);text-decoration:none}
.v2 main a:not(.btn):not(.card):not(.chip):not(.tile-ic):hover{text-decoration:underline}
.v2 .wrap{max-width:1200px}
.prose-serif,.v2 .prose-serif p,.v2 .prose-serif li{font-family:var(--text)!important;font-size:1.06rem;line-height:1.65}

/* icons and avatars */
.ic{width:20px;height:20px;flex:none;vertical-align:-4px}
.ic-sm{width:16px;height:16px;vertical-align:-3px}
.ic-lg{width:26px;height:26px}
.avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;font:800 .95rem/1 var(--sans);flex:none;letter-spacing:.02em}
.avatar.sm{width:32px;height:32px;border-radius:9px;font-size:.78rem}
.avatar.lg{width:64px;height:64px;border-radius:16px;font-size:1.3rem}

/* buttons */
.v2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-sm);font:700 .98rem/1 var(--sans);
  padding:13px 20px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.v2 .btn-sun,.v2 .btn-act{background:var(--sun);color:var(--sun-ink)!important;border-color:var(--sun)}
.v2 .btn-sun:hover,.v2 .btn-act:hover{background:var(--sun-2);border-color:var(--sun-2)}
.v2 .btn-dark{background:var(--brand);color:#fff!important;border-color:var(--brand)}
.v2 .btn-dark:hover{background:var(--brand-2)}
.v2 .btn-ghost,.v2 .btn-line{background:var(--card);color:var(--ink)!important;border-color:var(--line-2)}
.v2 .btn-ghost:hover,.v2 .btn-line:hover{border-color:var(--ink)}
.v2 .btn-lg{padding:16px 26px;font-size:1.05rem}
.v2 .btn-sm{padding:9px 14px;font-size:.88rem}
.v2 .btn-icon{padding:10px;border-radius:999px}

/* brand band (hero) and the big search bar */
.band{background:var(--brand);color:var(--brand-ink);padding:34px 0 30px;position:relative;overflow:hidden}
.band h1,.band h2{color:#fff}
.band .lead,.band p{color:#C9D2E3}
.band a:not(.btn){color:#fff!important}
.sbar{display:flex;gap:0;background:var(--card);border-radius:14px;box-shadow:var(--sh-2);padding:6px;margin-top:18px;max-width:980px}
.sbar label{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--ink-3);min-width:0}
.sbar label+label{border-left:1px solid var(--line)}
.sbar input,.sbar select{border:0;background:transparent;font:500 1rem var(--sans);color:var(--ink);padding:14px 0;width:100%;outline:0;min-width:0}
.sbar select{cursor:pointer}
.sbar .btn{flex:none;min-height:50px}
.sbar .sr{position:absolute}
@media (max-width:760px){.sbar{flex-direction:column;padding:8px;gap:6px}.sbar label+label{border-left:0;border-top:1px solid var(--line)}.sbar .btn{width:100%}}
.qchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.qchips a{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff!important;font:600 .86rem var(--sans);text-decoration:none!important}
.qchips a:hover{background:rgba(255,255,255,.22)}
.stats{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font:600 .95rem var(--sans);color:#C9D2E3}
.stats b{color:#fff;font-weight:800;font-size:1.05rem}

/* cards */
.card{display:block;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:22px;color:var(--ink)!important;text-decoration:none!important;border:1px solid var(--line)}
.card-h{transition:box-shadow .15s,transform .15s}
.card-h:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}
.grid-2,.grid-3,.grid-4{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.tile-ic{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh);text-decoration:none!important;color:var(--ink)!important}
.tile-ic .ib{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sun-soft);color:var(--ink);flex:none}
.tile-ic b{display:block;font:700 1rem/1.25 var(--sans)}
.tile-ic small{color:var(--ink-3);font:600 .85rem var(--sans)}
.tile-ic:hover{border-color:var(--line-2);box-shadow:var(--sh-2)}

/* badges and chips */
.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font:700 .78rem/1.4 var(--sans);background:var(--bg);color:var(--ink-2)}
.b-hot{background:var(--hand-soft);color:var(--hand)}
.b-new{background:var(--ok-soft);color:var(--ok)}
.b-top{background:var(--sun-soft);color:#8A5B00}
.b-ok{background:var(--info-soft);color:var(--info)}
.b-info{background:var(--bg);color:var(--ink-2)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line-2);
  font:600 .9rem var(--sans);color:var(--ink)!important;text-decoration:none!important;cursor:pointer}
.chip small{color:var(--ink-3);font-weight:600}
.chip:hover{border-color:var(--ink)}
.chip.on,.chip[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff!important}
.chip.on small,.chip[aria-current] small{color:#C9D2E3}

/* meta rows (icon + text) */
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--ink-2);font:500 .92rem var(--sans);margin:8px 0 0;padding:0;list-style:none}
.meta li{display:inline-flex;align-items:center;gap:6px;margin:0}
.meta .ic{color:var(--ink-3)}

/* layout helpers */
.v2 .page{padding:24px 0 48px}
.with-side{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.side{position:sticky;top:16px;display:grid;gap:16px}
@media (max-width:980px){.with-side{grid-template-columns:minmax(0,1fr)}.side{position:static}}
.empty{text-align:center;padding:40px 20px;color:var(--ink-2)}
.empty .ic{width:40px;height:40px;color:var(--ink-3)}
.steps-ic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;counter-reset:s}
.steps-ic li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh);margin:0}
.steps-ic .ib{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:var(--sun);margin-bottom:12px}
.steps-ic b{display:block;font:750 1.05rem var(--sans);margin-bottom:4px}
@media (max-width:820px){.steps-ic{grid-template-columns:1fr}}
.price{display:flex;flex-direction:column;gap:12px}
.price .amount{font:850 2rem/1 var(--sans);letter-spacing:-.02em}
.price .amount small{font-size:.9rem;font-weight:600;color:var(--ink-3)}
.price ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.price li{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:.95rem}
.price li .ic{color:var(--ok);margin-top:2px}
.price.featured{border:2px solid var(--sun);box-shadow:var(--sh-2)}

/* mobile drawer and bottom tab bar */
.drawer{position:fixed;inset:auto 0 0 0;max-height:85vh;overflow:auto;background:var(--card);border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.2);
  padding:18px 18px 28px;z-index:40;transform:translateY(105%);transition:transform .2s}
.drawer.open{transform:none}
.drawer-bg{position:fixed;inset:0;background:rgba(13,17,23,.45);z-index:39;display:none}
.drawer-bg.open{display:block}
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a{display:grid;justify-items:center;gap:2px;font:600 .72rem var(--sans);color:var(--ink-3)!important;text-decoration:none!important;padding:4px 0}
  .tabbar a[aria-current]{color:var(--ink)!important}
  .tabbar a[aria-current] .ic{color:var(--sun-2)}
  body.v2.has-tabbar{padding-bottom:64px}
}

/* Candidate country sites v2 (ua./kz./ge./am.stafka.com), on top of ui2.css: header in the brand band, job cards,
   filters sidebar / bottom sheet, job page, apply sheet, cabinet, footer, tab bar. Spec: research/spec-jobboard-v2.md §3. */

/* the hidden attribute wins over component display rules (.btn, .card, .badge) on the candidate sites */
.has-tabbar [hidden]{display:none!important}

/* ---------- header: brand band, white text */
.hd{background:var(--brand,#17213B);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:5}
.hd .wrap{display:flex;align-items:center;gap:6px;min-height:64px}
.hd .brand{color:#fff;margin-right:14px;text-decoration:none}
.hd .mk-ring{stroke:#fff}
.hd .brand .cty,.ft .brand .cty{border:1.5px solid rgba(255,255,255,.5);color:#fff;border-radius:6px;font-family:var(--sans,Archivo,sans-serif)}
.ft .brand .cty{border-color:var(--line-2,#D3D9E2);color:var(--ink-2,#4A5363)}
.hd-nav{display:flex;gap:2px;margin-right:auto}
.hd a{color:#fff;text-decoration:none}
.hd-nav a,.hd-saved,.hd-login{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:10px;
  font:600 .93rem var(--sans,Archivo,sans-serif);color:#D5DCEA!important;position:relative}
.hd-nav a:hover,.hd-saved:hover,.hd-login:hover{background:rgba(255,255,255,.08);color:#fff!important}
.hd-nav a[aria-current],.hd-saved[aria-current],.hd-login[aria-current]{color:#fff!important}
.hd-nav a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--sun,#F2B630)}
.hd .ic{width:19px;height:19px;opacity:.9}
.hd-saved .cnt{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--sun,#F2B630);color:var(--sun-ink,#1A1300);
  font:800 .72rem/19px var(--sans,Archivo,sans-serif);text-align:center}
.hd-login .ini{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sun,#F2B630);
  color:var(--sun-ink,#1A1300);font:800 .8rem/1 var(--sans,Archivo,sans-serif)}
.hd-login.in .ic{display:none}
.hd .hd-cv{margin-left:8px;white-space:nowrap}
.hd .cs{display:none}
@media (max-width:1060px){.hd-nav a span{display:none}.hd-nav a{padding:0 11px}}
@media (max-width:860px){.hd-saved .lbl{display:none}}
@media (max-width:760px){
  .hd .wrap{min-height:56px;gap:2px}
  .hd-nav,.hd-saved{display:none}
  .hd .brand{margin-right:auto}
  .hd-login .lbl{font-size:.88rem}
}
@media (max-width:420px){.hd .cl{display:none}.hd .cs{display:inline}.hd .brand .cty{display:none}.hd-login{padding:0 8px}}

/* ---------- full-bleed bands inside main.wrap */
.v2 main{padding-bottom:8px}
.v2 main>.band{box-shadow:0 0 0 100vmax var(--brand);clip-path:inset(0 -100vmax);overflow:visible;margin-bottom:8px}
.band.chome{padding:40px 0 34px}
.band.chome h1{max-width:20ch;font-size:clamp(1.8rem,1.2rem + 2.6vw,3.1rem);line-height:1.06}
.band.chome::after{content:"";position:absolute;right:-30px;top:50%;width:270px;height:270px;transform:translateY(-50%);border-radius:50%;
  background:conic-gradient(from -45deg,var(--sun) 0 90deg,rgba(255,255,255,.07) 90deg 360deg);
  -webkit-mask:radial-gradient(circle,transparent 61%,#000 62%,#000 70%,transparent 71%);mask:radial-gradient(circle,transparent 61%,#000 62%,#000 70%,transparent 71%);
  opacity:.55;pointer-events:none}
@media (max-width:1100px){.band.chome::after{display:none}}
.band .stats{gap:6px 18px;margin-top:12px}
.band .stats span{display:inline-flex;align-items:center;gap:6px}
.band .stats .sf{color:#AFC0DD}
.band .stats .ic{color:var(--sun)}
.band .sbar{position:relative;z-index:1}
.sbar label .ic{color:var(--ink-3)}
.sbar .q{flex:1.6}
.sbar input::placeholder{color:var(--ink-3);opacity:1}
.sbar .btn .ic{width:18px;height:18px}
.sbar select{color:var(--ink)}
.qchips{position:relative;z-index:1}
.qchips a{min-height:34px;display:inline-flex;align-items:center}
.pband{padding:22px 0 26px}
.pband h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);margin:.4rem 0 0;max-width:30ch;line-height:1.1}
.pband .lead{margin-top:.6rem;max-width:72ch;font-size:1rem}
.pband .crumbs,.jp-crumbs .crumbs{margin:0;font:500 .84rem var(--sans)}
.band .crumbs a{color:#AFC0DD!important}
.band .crumbs li[aria-current]{color:#fff}
.band .crumbs li+li::before{color:#5F6F93}
.aband{padding:22px 0 24px}
.lband .sbar{max-width:760px}
@media (max-width:760px){
  .band.chome{padding:24px 0 22px}
  .pband{padding:16px 0 20px}
  .lband .sbar{flex-direction:row;padding:6px}
  .lband .sbar .btn{width:auto;padding:0 16px}
}

/* ---------- sections */
.sec{margin-top:36px}
.sec>h2,.sec-h h2{margin:0 0 14px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sec-h h2{margin:0}
.v2 main a.more{display:inline-flex;align-items:center;gap:6px;font:700 .92rem var(--sans);color:var(--info);min-height:32px}
.v2 .muted{color:var(--ink-3);font-family:var(--sans)}
.small-note{color:var(--ink-3);font:500 .86rem/1.5 var(--sans);margin-top:16px;max-width:80ch}
.lead-s{color:var(--ink-2);margin:-4px 0 14px;max-width:75ch}
.v2 .card h2{margin-top:0}
.v2 .card p:first-child{margin-top:0}
.tiles .tile-ic{min-height:76px}
.tiles .tile-ic .ib{background:var(--info-soft);color:var(--info)}
.tiles .tile-ic:nth-child(4n+2) .ib{background:var(--ok-soft);color:var(--ok)}
.tiles .tile-ic:nth-child(4n+3) .ib{background:var(--sun-soft);color:#8A5B00}
.tiles .tile-ic:nth-child(4n+4) .ib{background:var(--hand-soft);color:var(--hand)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tiles .tile-ic:nth-child(4n+3) .ib{color:var(--sun)}}
@media (max-width:620px){.tiles{grid-template-columns:1fr 1fr}.tiles .tile-ic{padding:12px;gap:10px}.tiles .tile-ic .ib{width:38px;height:38px}}

/* ---------- job cards */
.jc{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 20px}
.jc:hover{box-shadow:var(--sh-2);border-color:var(--line-2)}
.jc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-height:28px}
.jc-badges{display:flex;flex-wrap:wrap;gap:6px}
.jc-t{margin:0;font:750 1.1rem/1.3 var(--sans);letter-spacing:-.005em}
.v2 main .jc-t a{color:var(--ink)!important;text-decoration:none!important}
.jc-t a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.jc-t a:focus-visible{outline:none}
.jc-t a:focus-visible::after{outline:3px solid var(--sun);outline-offset:2px}
.jc:hover .jc-t a{color:var(--info)!important}
.jc-pay{margin:2px 0 0;font:500 .95rem var(--sans);color:var(--ink-2)}
.jc-pay b{font:800 1.12rem var(--sans);color:var(--ink);letter-spacing:-.01em}
.jc-pay .loc{color:var(--ink-3);white-space:nowrap}
.jc-pay.none{color:var(--ink-3);font-size:.9rem}
.jc-pay.big b{font-size:clamp(1.4rem,1.2rem + .8vw,1.8rem)}
.jc-co{display:flex;align-items:center;gap:10px;margin:4px 0 0;font:600 .93rem var(--sans);color:var(--ink-2)}
.jc .meta{margin-top:4px;font-size:.88rem;gap:4px 14px}
.jc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;min-height:20px}
.jc-foot:empty{display:none}
.jc-src{display:inline-flex;align-items:center;gap:4px;font:600 .82rem var(--sans);color:var(--ink-3)}
.jc-go,.jc-save,.jc-foot a{position:relative;z-index:1}
.jc-save{display:inline-grid;place-items:center;width:44px;height:44px;margin:-8px -10px 0 0;border-radius:50%;border:0;background:transparent;
  color:var(--ink-3);cursor:pointer;flex:none}
.jc-save:hover{background:var(--bg);color:var(--hand)}
.jc-save[aria-pressed=true]{color:var(--hand)}
.jc-save[aria-pressed=true] svg{fill:currentColor}
.jp-top .jc-save{width:auto;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);margin:0;display:inline-flex;gap:8px;
  font:700 .9rem var(--sans);color:var(--ink-2)}
.jp-top .jc-save[aria-pressed=true]{color:var(--hand);border-color:var(--hand-soft)}
.btn.applied{pointer-events:auto}
.jc.hot{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),var(--sh);background:linear-gradient(180deg,var(--sun-soft),var(--card) 90px)}
.jc .jc-go{display:none}
.jc.nat .jc-go{display:inline-flex}
.jgrid .jc{height:100%}
.jgrid .jc-foot{margin-top:auto;padding-top:6px}

/* ---------- job list: bar, sort, filters */
.jl-wrap{margin-top:20px}
.jlist{display:grid;gap:12px}
.jlist>[hidden]{display:none}
.jl-bar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-bottom:12px}
.jl-bar .found{margin:0 auto 0 0;font:750 1rem var(--sans);color:var(--ink)}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;background:var(--card);padding:3px;margin:0}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font:650 .88rem var(--sans);color:var(--ink-2)}
.seg input:checked+span{background:var(--ink);color:var(--bg)}
.seg input:focus-visible+span{outline:3px solid var(--sun);outline-offset:1px}
.v2 .jf-open{display:none}
.jf-open[data-n]:not([data-n="0"])::after{content:attr(data-n);min-width:20px;height:20px;border-radius:999px;background:var(--sun);color:var(--sun-ink);
  font:800 .74rem/20px var(--sans);text-align:center;padding:0 5px}
.jf{position:sticky;top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);
  max-height:calc(100vh - 32px);overflow:auto;overscroll-behavior:contain}
.jf-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px}
.jf-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.08rem}
.jf-x{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:50%;color:var(--ink);cursor:pointer;place-items:center}
.jf-form{padding:0 18px 16px}
.jf fieldset,.jf .fs{border:0;margin:0;padding:12px 0;border-top:1px solid var(--line)}
.jf fieldset:first-child,.jf .fs:first-child{border-top:0}
.jf legend,.jf .fs-h{display:block;font:750 .9rem var(--sans);color:var(--ink);padding:0;margin:0 0 6px}
.jf legend{float:left;width:100%}
.jf legend+*{clear:both}
.jf .opt{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer;font:500 .93rem var(--sans);color:var(--ink-2);border-radius:8px}
.jf .opt:hover{color:var(--ink)}
.jf .opt input{width:18px;height:18px;margin:0;accent-color:var(--ink);flex:none}
.jf .opt span{flex:1}
.jf .opt small{color:var(--ink-3);font:600 .8rem var(--sans);font-variant-numeric:tabular-nums}
.jf .opt.zero{opacity:.45}
.jf .opt:has(input:checked){color:var(--ink);font-weight:650}
.jf .fs-note{display:block;color:var(--ink-3);font:500 .78rem/1.4 var(--sans);margin-top:4px}
.jf .fs-paid{padding:8px 0}
.jf select{width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font:500 .93rem var(--sans);padding:0 10px}
.fs-links{display:flex;flex-wrap:wrap;gap:6px}
.v2 main .fs-links a{padding:6px 11px;border-radius:999px;border:1px solid var(--line-2);font:600 .85rem var(--sans);color:var(--ink)!important;text-decoration:none!important}
.v2 main .fs-links a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--bg)!important}
.jf-acts{display:flex;gap:8px;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line)}
.v2 .jf-show{display:none}
@media (max-width:980px){
  .v2 .jf-open{display:inline-flex}
  .jl-bar .found{flex-basis:100%}
  .jl-bar .seg{margin-right:auto}
  .jf{position:fixed;inset:auto 0 0 0;top:auto;max-height:88vh;border-radius:20px 20px 0 0;z-index:41;transform:translateY(105%);
    transition:transform .22s ease;visibility:hidden;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
  .jf.open{transform:none;visibility:visible}
  .jf-head{position:sticky;top:0;background:var(--card);z-index:1;border-bottom:1px solid var(--line);padding:10px 12px 10px 18px}
  .jf-x{display:inline-grid}
  .jf .opt{min-height:44px}
  .jf-acts{position:sticky;bottom:0;background:var(--card);padding:12px 0 calc(12px + env(safe-area-inset-bottom))}
  .v2 .jf-show{display:inline-flex;flex:1}
  .drawer-bg{z-index:40}
}
@media (prefers-reduced-motion:reduce){.jf{transition:none}}

/* ---------- promos */
.promo-cv{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;margin-top:36px;background:var(--sun-soft);border-color:transparent;padding:28px 32px}
.promo-cv h2{margin:0;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}
.promo-cv p{color:var(--ink-2);max-width:56ch}
.pc-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px!important}
.pc-art{justify-self:center;width:150px;height:180px;border-radius:14px;background:var(--card);box-shadow:var(--sh-2);transform:rotate(4deg);
  display:flex;flex-direction:column;gap:12px;padding:22px 18px;position:relative}
.pc-art .ic{width:34px;height:34px;color:var(--sun-2)}
.pc-l{display:block;height:8px;border-radius:4px;background:var(--line)}
.pc-l.s{width:60%}
.promo-cv.inline{display:flex;grid-template-columns:none;align-items:center;gap:16px;margin:0;padding:16px 20px}
.promo-cv.inline .ib{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--card);color:var(--sun-2);flex:none}
.promo-cv.inline div{flex:1}
.promo-cv.inline p{margin:.2rem 0 0;font-size:.92rem}
.radar-card{display:flex;align-items:center;gap:16px;margin-top:16px;padding:18px 22px;background:var(--brand);border-color:var(--brand-2);color:#fff!important}
.radar-card .ib{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(242,182,48,.16);color:var(--sun);flex:none}
.radar-card div{flex:1}
.radar-card b{font:800 1.05rem var(--sans);color:#fff}
.radar-card p{margin:.25rem 0 0;font-size:.92rem;color:#C9D2E3}
.sec+.radar-card{margin-top:24px}
@media (max-width:760px){.promo-cv{grid-template-columns:1fr;padding:22px}.pc-art{display:none}
  .promo-cv.inline,.radar-card{flex-wrap:wrap}.promo-cv.inline .btn,.radar-card .btn{width:100%}}

/* ---------- home blocks */
.cos .co-mini{display:flex;align-items:center;gap:12px;padding:14px 16px}
.co-mini b{display:block;font:700 .95rem/1.25 var(--sans)}
.co-mini small{color:var(--ink-3);font:600 .82rem var(--sans)}
@media (max-width:620px){.cos{grid-template-columns:1fr 1fr}.cos .co-mini{padding:12px}.cos .avatar{width:36px;height:36px;font-size:.8rem}}
.steps-ic span:not(.ib){display:block;color:var(--ink-2);font-size:.95rem}
.steps-ic .ib .ic{width:22px;height:22px}
.pay-card{padding:8px 22px 18px}
.pay-rows{list-style:none;padding:0;margin:0}
.pay-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.pay-rows a{font:700 1rem var(--sans)}
.pay-rows b{font:800 1.1rem var(--sans);text-align:right}
.pay-rows span{grid-column:1/-1;color:var(--ink-3);font-size:.88rem}
.pay-card .muted{margin-top:12px}
.trust{margin-top:36px;padding:18px 22px}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trust li{display:flex;gap:12px;align-items:flex-start;margin:0}
.trust .ib,.never .ib{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ok-soft);color:var(--ok);flex:none}
.trust b{display:block;font:750 1rem var(--sans)}
.trust small{color:var(--ink-2);font-size:.88rem;line-height:1.4}
@media (max-width:820px){.trust ul{grid-template-columns:1fr}}
.hours-card{display:grid;grid-template-columns:1fr minmax(0,340px);gap:24px;align-items:center}
.hours-card .dial{max-width:300px;margin:0 auto}
.hours-card .dial-wrap,.hours-card figure{margin:0}
@media (max-width:820px){.hours-card{grid-template-columns:1fr}}
.faq{padding:6px 22px}
.faq details{padding:14px 0}
.faq details:first-of-type{border-top:0}
.faq details:last-of-type{border-bottom:0}
.faq summary{min-height:28px;align-items:center}
.srcs{margin-top:28px;font-size:.85rem;color:var(--ink-3)}
.srcs h2{font-size:1rem;margin:0}
.srcs .sources{font-family:var(--sans)}

/* ---------- job page */
.jp-crumbs{padding:16px 0 4px}
.jp-crumbs .crumbs a{color:var(--ink-3)!important}
.jp{margin-top:8px}
.jp-main{padding:26px 30px}
.jp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.v2 main a.back{display:inline-flex;align-items:center;gap:6px;font:650 .92rem var(--sans);color:var(--ink-2);min-height:44px}
.ic.flip{transform:scaleX(-1)}
.jp-main h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.2rem);margin:10px 0 6px;line-height:1.15}
.jp-main .jc-co{margin-top:10px}
.jp-main .jc-co b{color:var(--ink)}
.jp-main .meta{margin-top:12px}
.meta.dim{font-size:.85rem;color:var(--ink-3);margin-top:6px}
.jp-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.jp-acts.end{border-bottom:0;padding-bottom:0;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}
.jp-sec{margin-top:24px}
.jp-sec h2{display:flex;align-items:center;gap:8px;font-size:1.15rem;margin:0 0 8px}
.jp-sec h2 .ic{color:var(--ink-3)}
.jp-sec p{max-width:72ch;color:var(--ink-2);margin-top:.5rem}
.ticks{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
.ticks li{display:flex;gap:10px;margin:0;color:var(--ink-2)}
.ticks .ic{color:var(--ok);margin-top:4px}
.day-in{display:flex;align-items:center;gap:20px;background:var(--bg);border-radius:var(--r-sm);padding:14px 18px}
.day-in p{margin:0}
.mdial{width:112px;height:112px;flex:none}
.md-ring{fill:var(--card);stroke:var(--line-2);stroke-width:8}
.md-arc{fill:none;stroke-width:8;stroke-linecap:round}
.md-arc.us{stroke:var(--sun)}
.md-arc.eu{stroke:var(--info)}
.md-tick{stroke:var(--ink-3);stroke-width:1.5}
.md-num{font:700 9px var(--sans);fill:var(--ink-3);text-anchor:middle}
.md-c{font:800 14px var(--sans);fill:var(--ink);text-anchor:middle}
.md-key{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font:600 .85rem var(--sans);color:var(--ink-3);margin-top:8px!important}
.md-key .k{display:inline-block;width:14px;height:6px;border-radius:3px;margin-right:-8px}
.md-key .k.us{background:var(--sun)}.md-key .k.eu{background:var(--info)}
.steps-v{grid-template-columns:1fr;gap:10px}
.steps-v li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;padding:14px 16px;box-shadow:none;background:var(--bg);border:0}
.steps-v .ib{grid-row:span 2;width:44px;height:44px;margin:0;border-radius:12px}
.steps-v b{margin:0;font-size:.98rem}
.steps-v span:not(.ib){font-size:.9rem}
.safe{background:var(--hand-soft);border-radius:var(--r-sm);padding:16px 18px}
.safe h2 .ic{color:var(--hand)}
.v2 main a.report{display:inline-flex;align-items:center;gap:6px;color:var(--hand)!important;font:650 .88rem var(--sans);min-height:32px}
.demo-note{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border-radius:var(--r-sm);background:var(--info-soft);color:var(--info);font:650 .88rem var(--sans)}
.jp-side .co-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.co-card b{font:750 1.08rem var(--sans)}
.co-card p{margin:0}
.sim h2{font-size:1.05rem;margin:0 0 6px}
.sim ul{list-style:none;padding:0;margin:0}
.sim li{display:grid;padding:10px 0;border-bottom:1px solid var(--line);margin:0}
.sim li:last-child{border-bottom:0}
.v2 main .sim li a{font:700 .95rem/1.3 var(--sans);color:var(--ink)!important}
.sim small{color:var(--ink-3);font:500 .84rem var(--sans);margin-top:2px}
.applybar{display:none}
@media (max-width:760px){
  .jp-main{padding:18px 16px;border-radius:14px}
  .jp-acts .btn{flex:1}
  .day-in{flex-direction:column;align-items:flex-start}
  .applybar{display:flex;position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:29;align-items:center;gap:12px;
    padding:10px 16px;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(13,17,23,.08)}
  .applybar div{flex:1;min-width:0;display:grid}
  .applybar b{font:800 1rem var(--sans)}
  .applybar small{color:var(--ink-3);font:500 .8rem var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .applybar .btn{padding:12px 18px;font-size:.95rem}
  .applybar .btn .ic{display:none}
  body.v2.has-tabbar{padding-bottom:132px}
}

/* ---------- companies, salary, verify, legal */
.co-grid{margin-top:20px}
.co-card2{display:flex;flex-direction:column;gap:10px;scroll-margin-top:16px}
.cc-h{display:flex;gap:12px;align-items:center}
.cc-h h2{font-size:1.05rem;margin:0;line-height:1.25}
.cc-h small{color:var(--ink-3);font:600 .84rem var(--sans)}
.cc-jobs{list-style:none;padding:0;margin:0;display:grid;gap:8px;flex:1;align-content:start}
.cc-jobs li{display:grid;margin:0}
.v2 main .cc-jobs a{font:650 .92rem/1.3 var(--sans);color:var(--ink)!important}
.cc-jobs small{color:var(--ink-3);font:500 .8rem var(--sans)}
.co-card2:target{box-shadow:0 0 0 2px var(--sun),var(--sh-2)}
.stat{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.st-t{font:750 1.05rem/1.3 var(--sans)}
.st-v{font:850 clamp(1.6rem,1.3rem + 1vw,2.1rem)/1.1 var(--sans);letter-spacing:-.02em}
.st-v small{font-size:.9rem;font-weight:600;color:var(--ink-3)}
.st-l{color:var(--ink-2);font-weight:600}
.st-r{color:var(--ok);font:650 .88rem var(--sans)}
.note-card{margin-top:16px}
.tbl-card{padding:6px 10px}
.tbl-card .tbl{margin:0}
.v2 table{font-family:var(--sans);font-size:.92rem;width:100%;border-collapse:collapse}
.v2 th,.v2 td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.v2 thead th{color:var(--ink-3);font:700 .8rem var(--sans);text-transform:none;border-bottom:1px solid var(--line-2)}
.v2 tr:last-child>*{border-bottom:0}
.v2 caption{caption-side:bottom;text-align:left;color:var(--ink-3);font:500 .82rem var(--sans);padding:8px 12px}
.info2{gap:16px}
.info2 .card h2{display:flex;align-items:center;gap:8px;font-size:1.1rem;margin:0 0 6px}
.info2 .card h2 .ic{color:var(--ink-3)}
.never{list-style:none;padding:0;margin:0;gap:12px}
.never li{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0;box-shadow:var(--sh)}
.never .ib{background:var(--hand-soft);color:var(--hand)}
.legal-card{margin-top:20px;padding:28px 32px}
.legal-card h2{font-size:1.15rem;margin:1.6rem 0 0}
.legal-card h2:first-child{margin-top:0}
@media (max-width:760px){.legal-card{padding:20px 18px}}

/* ---------- account screens (account.js) in v2 */
.acct-box{max-width:680px;margin-top:20px;padding:26px 28px}
.acct-box.wide{max-width:none;padding:22px 24px}
.acct-box .acct{max-width:none;margin:0}
.v2 .acct-form{font-family:var(--sans);gap:16px}
.v2 .acct-fld{display:grid;gap:6px;font:650 .9rem var(--sans);color:var(--ink)}
.v2 .acct-fld input,.v2 .acct-fld select,.v2 .acct-fld textarea,.v2 .sheet input:not([type=checkbox]):not([type=radio]),.v2 .sheet select,.v2 .sheet textarea{
  font:500 1rem var(--sans);min-height:46px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--card);color:var(--ink);width:100%}
.v2 .acct-fld input:focus,.v2 .acct-fld select:focus,.v2 .acct-fld textarea:focus,.v2 .sheet input:not([type=checkbox]):focus,.v2 .sheet select:focus,.v2 .sheet textarea:focus{
  outline:2px solid var(--info);outline-offset:0;border-color:var(--info)}
.v2 .acct-pw{align-items:center}
.v2 .acct-show,.v2 .acct-link{font-family:var(--sans);min-height:32px;border-bottom-color:var(--line-2)}
.v2 .acct-check{font-family:var(--sans);min-height:28px}
.v2 .acct-check input{accent-color:var(--ink);width:20px;height:20px}
.v2 .acct-err{border-radius:var(--r-sm);background:var(--hand-soft);font-family:var(--sans);border-left-width:4px}
.v2 .acct-h,.v2 .card .acct-h{border-top:0;padding-top:0;font-size:1.15rem;margin-top:1.8rem}
.v2 .cab-sec+.acct-h{margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.v2 .acct-exp{border-radius:var(--r-sm);background:var(--bg);border-color:var(--line)}
.v2 .acct-status{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);font-family:var(--sans)}
.v2 .acct-st-published{border-left:5px solid var(--ok)}
.v2 .acct-st-review{border-left:5px solid var(--sun)}
.v2 .acct-intro{font-family:var(--sans);padding:14px 0}
.v2 .acct-card{border:1px dashed var(--line-2);border-radius:var(--r-sm);font-family:var(--sans)}
.v2 .acct-note{border-radius:var(--r-sm);background:var(--sun-soft);font-family:var(--sans);border-left-width:4px}
.v2 .acct-alt{font-family:var(--sans)}
.v2 .acct .btn{min-height:46px}
.v2 .acct .btn-sm{min-height:40px}

/* cabinet: tile dashboard + sections */
.cab-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}
.cab-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:var(--r);border:1.5px solid var(--line);
  background:var(--card);box-shadow:var(--sh);cursor:pointer;text-align:left;color:var(--ink);font:inherit;min-height:112px}
.cab-tile:hover{border-color:var(--line-2);box-shadow:var(--sh-2)}
.cab-tile[aria-selected=true]{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),var(--sh)}
.cab-tile .ib{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--info-soft);color:var(--info)}
.cab-tile:nth-child(2) .ib{background:var(--ok-soft);color:var(--ok)}
.cab-tile:nth-child(3) .ib{background:var(--hand-soft);color:var(--hand)}
.cab-tile:nth-child(4) .ib{background:var(--sun-soft);color:#8A5B00}
.cab-tile b{font:850 1.5rem/1 var(--sans)}
.cab-tile span:last-child{font:650 .9rem var(--sans);color:var(--ink-2)}
@media (max-width:760px){.cab-tiles{grid-template-columns:1fr 1fr}.cab-tile{min-height:96px;padding:12px 14px}.cab-tile b{font-size:1.25rem}}
.cab-sec[hidden]{display:none}
.cab-sec>h2{font-size:1.2rem;margin:0 0 12px}
.app{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;margin-top:10px;background:var(--card)}
.app-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.app-h b{font:750 1rem var(--sans)}
.app-h small{color:var(--ink-3);font:500 .84rem var(--sans)}
.tl{list-style:none;display:flex;padding:0;margin:14px 0 4px;counter-reset:tl}
.tl li{flex:1;position:relative;margin:0;padding-top:20px;font:600 .78rem/1.3 var(--sans);color:var(--ink-3);text-align:center}
.tl li::before{content:"";position:absolute;top:4px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--line-2);z-index:1}
.tl li::after{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:var(--line-2)}
.tl li:first-child::after{display:none}
.tl li.done{color:var(--ink-2)}
.tl li.done::before,.tl li.done::after{background:var(--ok)}
.tl li.cur{color:var(--ink)}
.tl li.cur::before{background:var(--sun);box-shadow:0 0 0 4px var(--sun-soft)}
.tl li.cur::after{background:var(--ok)}
.tl li.no{color:var(--hand)}
.tl li.no::before{background:var(--hand);box-shadow:0 0 0 4px var(--hand-soft)}
.tl li small{display:block;font-weight:500;color:var(--ink-3)}
.saved-l{display:grid;gap:10px}
.saved-i{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--card)}
.saved-i div{flex:1;min-width:0;display:grid}
.v2 main .saved-i a{font:700 .98rem/1.3 var(--sans);color:var(--ink)!important}
.saved-i small{color:var(--ink-3);font:500 .84rem var(--sans)}
.meter{height:8px;border-radius:4px;background:var(--line);overflow:hidden;margin:8px 0}
.meter i{display:block;height:100%;background:var(--ok);border-radius:4px}

/* apply sheet (native <dialog>) and toast */
dialog.sheet{border:0;padding:0;border-radius:20px;width:min(560px,calc(100vw - 32px));max-height:min(92vh,860px);background:var(--card,#fff);color:var(--ink,#0D1117);
  box-shadow:0 20px 60px rgba(0,0,0,.3);font-family:var(--sans,Archivo,sans-serif)}
dialog.sheet::backdrop{background:rgba(13,17,23,.55)}
.sheet-in{padding:22px 24px 24px;overflow:auto;max-height:inherit}
.sheet-h{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:6px}
.sheet-h h2{margin:0;font-size:1.25rem;line-height:1.2}
.sheet-h small{display:block;color:var(--ink-3);font:600 .88rem var(--sans);margin-top:4px}
.sheet-x{width:44px;height:44px;border:0;border-radius:50%;background:var(--bg);color:var(--ink);cursor:pointer;display:grid;place-items:center;flex:none}
.sheet .acct-form{gap:14px;margin-top:12px}
.sheet .note-s{color:var(--ink-3);font-size:.86rem;line-height:1.45}
.sheet .ok-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ok-soft);color:var(--ok);margin-bottom:10px}
.sheet .steps-v{margin-top:12px}
.sheet .cv-sum{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--bg);font-size:.92rem}
@media (max-width:760px){
  dialog.sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:20px 20px 0 0;max-height:92vh}
  .sheet-in{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:var(--brand,#17213B);color:#fff;border-radius:12px;
  padding:12px 16px;font:600 .92rem/1.4 var(--sans,Archivo,sans-serif);box-shadow:var(--sh-2);max-width:calc(100vw - 32px);display:flex;gap:12px;align-items:center}
.toast a{color:var(--sun)!important;white-space:nowrap}
@media (max-width:760px){.toast{bottom:calc(76px + env(safe-area-inset-bottom))}}

/* ---------- footer and tab bar */
.v2 .ft,.ft{margin-top:56px;border-top:1px solid var(--line,#E3E7EE);background:var(--card,#fff)}
.ft .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px;padding-top:32px;padding-bottom:28px;font:500 .9rem var(--sans,Archivo,sans-serif);color:var(--ink-2)}
.ft .brand{margin:0 0 6px;color:var(--ink)}
.ft p{font-family:var(--sans,Archivo,sans-serif);max-width:46ch}
.ft h2{font:750 .92rem var(--sans,Archivo,sans-serif);margin:0 0 8px;padding:0;border:0;color:var(--ink)}
.ft ul{list-style:none;padding:0;margin:0}
.ft li{margin-top:4px}
.ft li a{display:inline-flex;min-height:32px;align-items:center}
.ft a{color:var(--ink-2);text-decoration:none}
.ft a:hover{color:var(--ink);text-decoration:underline}
.ft .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;margin:0;font-size:.8rem;color:var(--ink-3);max-width:none}
@media (max-width:760px){.ft .wrap{grid-template-columns:1fr;gap:18px}}
.tabbar .ic{width:22px;height:22px}
@media (max-width:760px){
  .tabbar a{min-height:48px;align-content:center}
  .tabbar a[aria-current]{color:var(--ink)!important}
}

/* ---------- touch targets on phones (44px) */
@media (max-width:760px){
  .qchips a,.v2 main .fs-links a,.ft li a,.v2 main a.more,.v2 main a.report,.v2 main a.back{min-height:44px}
  .seg span{min-height:40px}
}

/* ---------- /radar/ (phase 2): benefits, 3-step progress card, preferences, sign-in CTA; cabinet radar tile */
.rband .radar-cta{margin-top:16px}
.give .card{display:flex;flex-direction:column;gap:6px}
.give .ib{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand);color:var(--sun);margin-bottom:4px}
.give b{font:750 1.05rem var(--sans)}
.give p{margin:0;color:var(--ink-2);font-size:.95rem}
.radar-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-top:36px;align-items:start}
.radar-side{display:grid;gap:16px}
@media (max-width:900px){.radar-grid{grid-template-columns:minmax(0,1fr)}}
.radar-steps{padding:24px 26px;scroll-margin-top:16px}
.rs-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.rs-head h2{margin:0;font-size:1.25rem}
.rs-prog{margin:0;font:750 .95rem var(--sans);color:var(--ink-2)}
.radar-steps.unlocked .rs-prog{color:var(--ok)}
.radar-steps .meter{height:10px;margin:12px 0 4px}
.rs-bar{width:0}
.rs-na{margin:8px 0 0}
.rs-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.rs-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;margin:0;padding:16px;border-radius:var(--r-sm);background:var(--bg)}
.rs-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--card);border:2px solid var(--line-2);
  font:800 1.05rem var(--sans);color:var(--ink)}
.rs-ic .ic{display:none;width:22px;height:22px}
.rs-step.done .rs-ic{background:var(--ok);border-color:var(--ok);color:#fff}
.rs-step.done .rs-ic .n{display:none}
.rs-step.done .rs-ic .ic{display:block}
.rs-b b{display:block;font:750 1rem/1.3 var(--sans)}
.rs-b p{margin:.3rem 0 0;color:var(--ink-2);font-size:.92rem}
.rs-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px!important}
.rs-step.done .rs-acts .btn-sun{background:var(--card);border-color:var(--line-2)}
.rs-val{font-weight:700;color:var(--ink)!important}
.rs-ok{display:flex;align-items:center;gap:6px;color:var(--ok)!important;font-weight:650}
.rs-ref{margin-top:10px}
.rs-ref label{display:block;font:700 .85rem var(--sans);margin-bottom:6px}
.rs-copy{display:flex;gap:8px}
.rs-copy input{flex:1;min-width:0;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--card);
  color:var(--ink);font:500 .92rem var(--sans)}
.rs-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px!important}
.rs-share span{color:var(--ink-3);font:600 .88rem var(--sans)}
.rs-share .chip{min-height:40px}
.radar-out h2,.radar-prefs h2{font-size:1.15rem;margin:0}
.radar-out p{color:var(--ink-2)}
.radar-prefs fieldset{border:0;margin:14px 0 0;padding:0}
.radar-prefs legend{font:750 .9rem var(--sans);margin-bottom:6px;padding:0}
.rp-roles{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;max-height:280px;overflow:auto;padding-right:4px}
.radar-prefs .opt{display:flex;align-items:center;gap:10px;min-height:40px;font:500 .9rem/1.3 var(--sans);color:var(--ink-2);cursor:pointer}
.radar-prefs .opt input{width:18px;height:18px;margin:0;accent-color:var(--ink);flex:none}
.rp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:14px}
.rp-row fieldset{margin:0}
.rp-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media (max-width:520px){.rp-roles,.rp-row{grid-template-columns:1fr}.rs-step{grid-template-columns:36px minmax(0,1fr);padding:14px 12px;gap:10px}.rs-ic{width:36px;height:36px}}
.radar-bonus{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}
.radar-bonus p{margin:.2rem 0 0}
.cab-radar{display:grid;grid-template-columns:44px 1fr minmax(120px,200px) auto;gap:14px;align-items:center;margin:-8px 0 22px;padding:14px 18px;
  border-radius:var(--r);background:var(--brand);color:#fff!important;text-decoration:none!important}
.cab-radar .ib{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(242,182,48,.16);color:var(--sun)}
.cab-radar b{display:block;font:750 1rem var(--sans);color:#fff}
.cab-radar small{color:#C9D2E3;font:600 .85rem var(--sans)}
.cab-radar .meter{margin:0;background:rgba(255,255,255,.15)}
.cab-radar .meter i{background:var(--sun)}
.cab-radar.on .meter i{background:var(--ok)}
.cr-go{font:700 .9rem var(--sans);color:var(--sun);white-space:nowrap}
@media (max-width:620px){.cab-radar{grid-template-columns:44px 1fr}.cab-radar .meter{grid-column:1/-1}.cr-go{grid-column:1/-1}}

/* Stafka employer site (stafka.com), UI v2: spec-jobboard-v2.md section 4. Concatenated after ui2.css into stafka.css,
   which every Stafka site loads: every rule here is scoped to employer-only classes (.etop .efoot .eband .e* .emp
   .dash .wiz .plan .tcard ...) so the candidate country sites are not affected.
   Header and footer carry their own colour tokens: they look the same on v2 pages and on the legacy Polar SEO pages. */

:root:has(.etop){scroll-padding-top:84px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------------------------------------------------------------- header */
.etop{--eh-bg:#FFFFFF;--eh-ink:#0D1117;--eh-ink-2:#4A5363;--eh-line:#E3E7EE;--eh-hov:#F1F3F7;--eh-sun:#F2B630;--eh-sun-2:#E5A716;
  --eh-sun-ink:#1A1300;--eh-sh:0 2px 6px rgba(13,17,23,.06),0 14px 34px rgba(13,17,23,.14);--eh-f:Archivo,"Helvetica Neue",Arial,sans-serif;
  position:sticky;top:0;z-index:30;background:var(--eh-bg);border-bottom:1px solid var(--eh-line);font-family:var(--eh-f);color:var(--eh-ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .etop,:root:not([data-theme=light]) .efoot{
  --eh-bg:#0F1521;--eh-ink:#E9EDF2;--eh-ink-2:#B4BCC8;--eh-line:#232B3A;--eh-hov:#1A2232;--eh-sh:0 2px 6px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.5)}}
:root[data-theme=dark] .etop,:root[data-theme=dark] .efoot{--eh-bg:#0F1521;--eh-ink:#E9EDF2;--eh-ink-2:#B4BCC8;--eh-line:#232B3A;--eh-hov:#1A2232}
.etop .wrap{display:flex;align-items:center;gap:4px;min-height:64px;max-width:1200px}
.etop .brand{margin-right:14px;color:var(--eh-ink);text-decoration:none}
.etop .brand .mk-ring{stroke:var(--eh-ink)}
.enav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.en-a{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--eh-ink-2)!important;
  font:600 .95rem/1 var(--eh-f);text-decoration:none!important;white-space:nowrap;cursor:pointer}
.en-a:hover{background:var(--eh-hov);color:var(--eh-ink)!important}
.en-a[aria-current],.en-a[data-on]{color:var(--eh-ink)!important;box-shadow:inset 0 -3px 0 var(--eh-sun);border-radius:10px 10px 0 0}
.etop details{border:0;padding:0;margin:0;position:relative}
.etop details:first-of-type{border-top:0}
.etop summary{list-style:none;display:flex;font-weight:600}
.etop summary::-webkit-details-marker{display:none}
.etop details>summary::after,.etop details[open]>summary::after{content:none;display:none}
.eres[open]>summary{background:var(--eh-hov);color:var(--eh-ink)!important}
.eres[open]>summary .ic{transform:rotate(180deg)}
.eres-pop{position:absolute;top:calc(100% + 8px);left:0;width:340px;background:var(--eh-bg);border:1px solid var(--eh-line);border-radius:14px;
  box-shadow:var(--eh-sh);padding:8px;display:grid;gap:2px;z-index:40}
.eres-pop a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--eh-ink)}
.eres-pop a:hover,.eres-pop a[aria-current]{background:var(--eh-hov)}
.eres-pop b{display:block;font:650 .95rem/1.3 var(--eh-f)}
.eres-pop small{display:block;color:var(--eh-ink-2);font:500 .82rem/1.35 var(--eh-f);margin-top:2px}
.eseek,.elogin{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:10px;text-decoration:none;white-space:nowrap;font:600 .92rem/1 var(--eh-f)}
.eseek{color:var(--eh-ink-2)}
.eseek:hover{color:var(--eh-ink);background:var(--eh-hov)}
.elogin{color:var(--eh-ink);font-weight:700}
.elogin:hover,.elogin[aria-current]{background:var(--eh-hov)}
.epost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;background:var(--eh-sun,#F2B630);
  color:var(--eh-sun-ink,#1A1300)!important;font:750 .95rem/1 var(--eh-f,Archivo,sans-serif);text-decoration:none!important;white-space:nowrap;margin-left:6px;border:0}
.epost:hover{background:var(--eh-sun-2,#E5A716)}
.epost:focus-visible{outline:3px solid #2F6FED;outline-offset:2px}
.epost .cs{display:none}
.emenu{display:none}
.emenu>summary{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--eh-line);color:var(--eh-ink);margin-left:8px;cursor:pointer}
.emenu[open]>summary{background:var(--eh-hov)}
.emenu-pop{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:auto;background:var(--eh-bg);
  border:1px solid var(--eh-line);border-radius:14px;box-shadow:var(--eh-sh);padding:8px;display:grid;z-index:40}
.emenu-pop a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;color:var(--eh-ink);text-decoration:none;font:600 .98rem var(--eh-f)}
.emenu-pop a:hover,.emenu-pop a[aria-current]{background:var(--eh-hov)}
.emenu-pop .em-h{margin:10px 12px 2px;font:700 .72rem var(--eh-f);text-transform:uppercase;letter-spacing:.07em;color:var(--eh-ink-2)}
.emenu-pop hr{border:0;border-top:1px solid var(--eh-line);margin:6px 4px;width:auto}
@media (max-width:1100px){.eseek{display:none}}
@media (max-width:920px){.enav,.elogin{display:none}.emenu{display:block}.etop .brand{margin-right:auto}}
@media (max-width:400px){.epost .cl{display:none}.epost .cs{display:inline}.epost{padding:0 12px}}

/* ---------------------------------------------------------------- footer */
footer.efoot{--ef-bg:#111A2E;--ef-ink:#FFFFFF;--ef-ink-2:#B9C3D6;--ef-line:#26324C;margin-top:72px;border-top:0;background:var(--ef-bg);color:var(--ef-ink-2);font-family:Archivo,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) footer.efoot{--ef-bg:#0A0F1A;--ef-line:#1E283C}}
:root[data-theme=dark] footer.efoot{--ef-bg:#0A0F1A;--ef-line:#1E283C}
footer.efoot .wrap{max-width:1200px;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px;padding-top:44px;padding-bottom:36px;font-size:.92rem;color:var(--ef-ink-2)}
.efoot .brand{color:#fff;text-decoration:none;margin:0}
.efoot .mk-ring{stroke:#fff}
.efoot .brand .bt{display:inline}
.efoot p{font-family:inherit;margin:.8rem 0 0;line-height:1.5}
footer.efoot h2{font-family:inherit;font-size:.8rem;font-weight:750;line-height:1.2;font-stretch:100%;text-transform:uppercase;letter-spacing:.08em;color:var(--ef-ink);margin:6px 0 10px;padding:0;border:0}
.efoot ul{list-style:none;margin:0;padding:0}
.efoot li{margin:0}
.efoot li a{display:inline-flex;align-items:center;min-height:34px;color:var(--ef-ink-2);text-decoration:none}
.efoot a:hover{color:#fff}
.efoot .ef-brand>p>a[href^=mailto]{color:#fff;text-decoration:underline;text-decoration-color:#F2B630;text-underline-offset:3px}
.efoot .ef-cta .epost{margin:0}
.efoot .legal{grid-column:1/-1;margin:8px 0 0;padding-top:18px;border-top:1px solid var(--ef-line);font-size:.8rem;color:#8E9AB0;font-family:inherit}
@media (max-width:980px){footer.efoot .wrap{grid-template-columns:repeat(2,1fr)}.efoot .ef-brand{grid-column:1/-1}}
@media (max-width:420px){footer.efoot .wrap{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- bands (full-bleed brand night) */
.eband{background:var(--brand);box-shadow:0 0 0 100vmax var(--brand);
  clip-path:inset(0 -100vmax);overflow:visible;padding:30px 0 32px}
.eband .crumbs{margin:0 0 12px}
.eband .crumbs a{color:#B9C3D6!important}
.eband .crumbs li[aria-current]{color:#fff}
.eband .crumbs li+li::before{color:#55627E}
.eband .card p,.eband .card span,.eband .card li{color:inherit}
.eband .card a:not(.btn){color:var(--info)!important}
.ehead h1{font-size:clamp(1.75rem,1.2rem + 1.7vw,2.5rem);margin:0;max-width:30ch}
.ehead .lead{margin:.6rem 0 0;max-width:66ch}
.eh-alt{margin:.8rem 0 0;font:600 .95rem var(--sans)}
.eh-alt a{text-decoration:underline!important;text-decoration-color:var(--sun)!important;text-underline-offset:3px}
.v2 .btn-onband{background:rgba(255,255,255,.08);color:#fff!important;border-color:rgba(255,255,255,.3)}
.v2 .btn-onband:hover{background:rgba(255,255,255,.16);border-color:#fff}

/* home hero */
.ehero{padding:48px 0 40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12.5' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1.1'/%3E%3Cpath d='M16 16L7.16 7.16A12.5 12.5 0 0 1 28.07 12.76Z' fill='%23F2B630' fill-opacity='.07'/%3E%3Cline x1='16' y1='16' x2='21.5' y2='6.47' stroke='%23D7301F' stroke-opacity='.22' stroke-width='.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right -8px top 8px/560px auto,var(--brand)}
.eh-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:44px;align-items:center}
.eh-eye{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(242,182,48,.14);color:#F7CD6B;font:700 .82rem var(--sans);letter-spacing:.02em}
.ehero h1{font-size:clamp(2rem,1.2rem + 2.6vw,3.25rem);font-weight:850;line-height:1.06;margin:16px 0 0;max-width:19ch}
.ehero .lead{font-size:1.12rem;margin:16px 0 0;max-width:52ch}
.eh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.eh-ticks{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font:600 .9rem var(--sans);color:#C9D2E3}
.eh-ticks li{display:inline-flex;align-items:center;gap:7px;margin:0}
.eh-ticks .ic{color:var(--sun)}
.esbar{max-width:none;margin-top:34px}
.esbar label{min-height:52px}
.esbar label .ic{color:var(--ink-3)}
.eh-pop{align-items:center;margin:14px 0 0}
.eh-pop span{font:600 .86rem var(--sans);color:#9AA6BD;margin-right:2px}
@media (max-width:900px){.eh-grid{grid-template-columns:minmax(0,1fr);gap:28px}.ehero{padding:32px 0 30px;background:var(--brand)}}
@media (max-width:380px){.etop .brand .bt{display:inline}.etop .brand{font-size:1.15rem}}
@media (max-width:330px){.etop .brand .bt{display:none}}
.egeo.is-on{margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--sh)}

/* cost card (BLS comparison) */
.ecost{padding:22px 22px 18px;color:var(--ink)}
.ecost .ec-h{display:flex;gap:8px;align-items:center;font:750 .95rem var(--sans);margin:0 0 16px;color:var(--ink)}
.ecost ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ecost li{margin:0}
.ec-l{display:flex;align-items:baseline;gap:12px;margin-bottom:7px}
.ec-l b{font:850 1.3rem/1 var(--sans);font-variant-numeric:tabular-nums lining-nums;min-width:6.4ch;color:var(--ink)}
.ec-l span{font:650 .9rem/1.3 var(--sans);color:var(--ink)!important}
.ec-l small{display:block;font-weight:500;color:var(--ink-3);font-size:.8rem}
.ecost i{display:block;height:12px;border-radius:999px;background:#8A96AE}
.ecost .ec-us2 i{background:#4A5876}
.ecost .ec-ours i{background:var(--sun)}
.ecost .ec-ours b{color:#9A6400}
.ecost .ec-f{font:500 .82rem/1.45 var(--sans);color:var(--ink-3)!important;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ecost .ec-ours b{color:var(--sun)}}
:root[data-theme=dark] .ecost .ec-ours b{color:var(--sun)}

/* sections */
.esec{margin-top:56px}
.esec-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.v2 .esec-top h2{margin:0}
.esec-top>a{display:inline-flex;align-items:center;gap:6px;font:700 .95rem var(--sans)}
.esec-sub{color:var(--ink-2);margin:.5rem 0 0;max-width:80ch}
.esec-sub+.grid-4,.esec-sub+.grid-3,.esec-sub+ul{margin-top:20px}
.esec-top+.steps-ic,.esec-top+.card,.esec-top+.grid-4,.esec-top+.grid-3{margin-top:20px}
.bens{margin-top:0}
.ben{display:flex;flex-direction:column}
.ben .ib,.etool .ib,.eside-links .ib,.auth-perks .ib,.ds .ib{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--sun-soft);color:var(--ink);flex:none}
.v2 .ben h3{margin:16px 0 6px;font-size:1.12rem}
.ben p{color:var(--ink-2);margin:0;font-size:.97rem}
.ben .ben-l{margin-top:auto;padding-top:12px;font:700 .92rem var(--sans)}
.esteps{margin:20px 0 0}
.esteps b{display:flex;align-items:center;gap:8px}
.esteps b .st-n{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:999px;background:var(--sun);color:var(--sun-ink);font:800 .8rem/1 var(--sans)}
.esteps p{margin:4px 0 0;color:var(--ink-2);font-size:.95rem}
.ehours{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
.ehours .dial{margin:0 auto;max-width:460px}
.eh-txt>p{margin:0;color:var(--ink-2)}
@media (max-width:900px){.ehours{grid-template-columns:minmax(0,1fr)}}
.etool{display:grid;gap:6px;align-content:start}
.etool b{font:750 1rem/1.3 var(--sans);margin-top:8px}
.etool small{color:var(--ink-3);font:500 .88rem/1.4 var(--sans)}
details.emore{margin-top:20px;border:1px solid var(--line);padding:6px 22px 18px}
details.emore:first-of-type{border-top:1px solid var(--line)}
details.emore>summary{padding:12px 0;font-size:1rem}
details.emore h3{font-size:.95rem;color:var(--ink-2);margin:1.2rem 0 0}
.echips{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.echips li{margin:0}
.echips .chip{padding:7px 12px;font-size:.86rem;min-height:36px}
.efaq h2{margin-top:0}
.efaq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 18px;margin-top:10px}
.efaq details:first-of-type{border-top:1px solid var(--line)}
.efaq summary{min-height:56px;align-items:center}
.efaq summary::after{color:var(--ink-3)}
.efaq details p{margin:0 0 16px;color:var(--ink-2)}
.ecta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:56px;padding:34px 36px;border-radius:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12.5' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1.1'/%3E%3Cpath d='M16 16L7.16 7.16A12.5 12.5 0 0 1 28.07 12.76Z' fill='%23F2B630' fill-opacity='.07'/%3E%3Cline x1='16' y1='16' x2='21.5' y2='6.47' stroke='%23D7301F' stroke-opacity='.22' stroke-width='.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right -60px center/340px auto,var(--brand);color:#fff;overflow:hidden}
.v2 .ecta h2{color:#fff;margin:0;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.ecta p{color:#C9D2E3;margin:.5rem 0 0}
.ecta-b{display:flex;flex-wrap:wrap;gap:10px}
.v2 .ecta .btn-ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
.v2 .ecta .btn-ghost:hover{border-color:#fff}
@media (max-width:820px){.ecta{grid-template-columns:1fr;padding:26px 22px;background:var(--brand)}}
.eside-links{margin-top:24px}
.eside-links small{display:block;margin-top:2px}

/* plans (home preview and /pricing/) */
.plans{align-items:stretch}
.ehead+.plans{margin-top:24px}
.plan{gap:14px}
.plan-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.plan-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--sun-soft);color:var(--ink)}
.v2 .plan h3{margin:0;font-size:1.1rem}
.plan-tag{margin-left:auto}
.plan .amount{margin:0}
.plan .amount small{display:block;margin-top:8px;font:600 .85rem var(--sans);letter-spacing:0}
.plan-lead{margin:0;color:var(--ink-2);font-size:.95rem}
.plan ul{flex:1;align-content:start}
.plan-acts{display:flex;flex-wrap:wrap;gap:8px}
.plan-acts .btn{flex:1 1 auto;min-height:44px}
.plan-slot:empty{display:none}
.plans-note{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2);font-size:.92rem;margin:16px 0 0}
.plans-note .ic{margin-top:3px;color:var(--info)}
.esec-h{margin-top:48px}
.ftab-w{padding:0;overflow-x:auto;margin-top:16px}
.ftab{width:100%;min-width:760px;border-collapse:collapse;font:500 .95rem/1.4 var(--sans);font-stretch:100%}
.ftab caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ftab th,.ftab td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.ftab thead th,.ftab thead td{background:var(--bg);font:750 .98rem var(--sans);color:var(--ink);border-bottom:1px solid var(--line-2);white-space:nowrap}
.ftab tbody th{text-align:left;font-weight:600;color:var(--ink);width:34%}
.ftab tbody tr:first-child td{font-weight:800}
.ftab tbody tr:hover{background:transparent}
.ftab tbody tr:last-child th,.ftab tbody tr:last-child td{border-bottom:0}
.ft-y{color:var(--ok)}
.ft-n{color:var(--ink-3)}
.ftab td:nth-child(2),.ftab thead th:nth-child(2){background:color-mix(in srgb,var(--sun) 9%,transparent)}

/* fallback notice inside an island */
.emp-wait{margin:0;padding:18px 20px;border-radius:12px;background:var(--card);border:1px dashed var(--line-2);color:var(--ink-2)}
.wiz .emp-wait,.auth-card .emp-wait{border:0;padding:0;background:none}

/* ---------------------------------------------------------------- forms */
.ef-form{display:grid;gap:16px}
.ef-fld{display:grid;gap:6px;font:650 .92rem/1.3 var(--sans);color:var(--ink)}
.ef-fld input,.ef-fld select,.ef-fld textarea,.ef-in{font:500 1rem/1.4 var(--sans);color:var(--ink);background:var(--card);border:1.5px solid var(--line-2);
  border-radius:var(--r-sm);padding:11px 14px;min-height:48px;width:100%}
.ef-fld textarea,textarea.ef-in{min-height:112px;resize:vertical}
.ef-fld input:focus,.ef-fld select:focus,.ef-fld textarea:focus,.ef-in:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 55%,transparent)}
.ef-fld small{font:500 .8rem/1.35 var(--sans);color:var(--ink-3)}
.ef-fld [aria-invalid=true],.ef-fs[aria-invalid=true] .ef-pill span{border-color:var(--hand);box-shadow:0 0 0 3px var(--hand-soft)}
.ef-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ef-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:620px){.ef-row,.ef-row3{grid-template-columns:1fr}}
.ef-fs{border:0;margin:0;padding:0;min-width:0}
.ef-fs legend{font:650 .92rem var(--sans);color:var(--ink);padding:0;margin-bottom:8px}
.ef-pills{display:flex;flex-wrap:wrap;gap:8px}
.ef-pill{position:relative;display:inline-flex}
.ef-pill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ef-pill span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line-2);
  background:var(--card);font:650 .92rem/1.2 var(--sans);color:var(--ink)}
.ef-pill input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.ef-pill input:focus-visible+span{outline:3px solid var(--sun);outline-offset:2px}
.ef-pill small{font-weight:500;opacity:.75}
.ef-check{display:flex;gap:10px;align-items:flex-start;font:500 .92rem/1.45 var(--sans);color:var(--ink-2);min-height:44px;padding-top:4px}
.ef-check input{width:20px;height:20px;accent-color:var(--brand);margin:0;flex:none}
.ef-check a{color:var(--info)}
.ef-err,.ef-ok,.ef-note{margin:0;padding:12px 14px;border-radius:10px;font:600 .92rem/1.45 var(--sans)}
.ef-err{background:var(--hand-soft);color:var(--hand)}
.ef-ok{background:var(--ok-soft);color:var(--ok)}
.ef-note{background:var(--sun-soft);color:var(--ink);font-weight:500}
.ef-note b{font-weight:750}
.ef-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ef-link{background:none;border:0;padding:0 2px;min-height:44px;color:var(--info);font:650 .92rem var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ef-link.danger{color:var(--hand)}
.ef-alt{font:500 .92rem var(--sans);color:var(--ink-2);margin:16px 0 0}
.ef-reset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:650 .9rem var(--sans)}
.ef-pw{position:relative}
.ef-pw input{padding-right:76px}
.ef-pw button{position:absolute;right:6px;bottom:6px;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:var(--bg);color:var(--ink-2);font:650 .82rem var(--sans);cursor:pointer}
.v2 .emp .btn[disabled],.v2 .plans .btn[disabled],.v2 .adm .btn[disabled]{opacity:.55;cursor:default}

/* ---------------------------------------------------------------- talent search */
.eside-l{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}
.eside-box{position:sticky;top:84px;display:grid;gap:16px}
details.tf-d{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:0}
details.tf-d:first-of-type{border-top:1px solid var(--line)}
.tf-d>summary{display:none;align-items:center;gap:10px;min-height:52px;padding:0 18px;font:700 1rem var(--sans)}
.tf-d>summary::after{margin-left:auto}
.tfilt{display:grid;gap:14px;padding:18px}
.tfilt .btn{width:100%}
.tf-how{padding:18px 20px}
.v2 .tf-how h2,.v2 .side-h{display:flex;align-items:center;gap:8px;font-size:1.02rem;margin:0 0 8px}
.tf-steps{padding-left:1.15rem;margin:0}
.tf-steps li{font-size:.92rem;color:var(--ink-2);margin:0 0 6px}
.tf-how .muted{font-family:var(--sans);margin:10px 0 0}
@media (max-width:980px){.eside-l{grid-template-columns:1fr}.eside-box{position:static}.tf-d>summary{display:flex}.tf-how{display:none}}
.t-count{font:700 .98rem var(--sans);color:var(--ink-2);margin:0 0 12px}
.tlist{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.tgrid{list-style:none;padding:0}
.tgrid li{margin:0}
.tcard{display:flex;flex-direction:column;padding:20px}
.tc-top{display:flex;gap:12px;align-items:flex-start}
.tc-cc{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#fff;font:800 .85rem var(--sans);flex:none;letter-spacing:.03em}
.tc-t{min-width:0}
.tc-t b{display:block;font:750 1.08rem/1.25 var(--sans)}
.tc-t small{display:block;color:var(--ink-3);font:600 .85rem/1.35 var(--sans);margin-top:2px}
.tc-save{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-3);cursor:pointer;flex:none}
.tc-save:hover{color:var(--hand);border-color:var(--line-2)}
.tc-save[aria-pressed=true]{color:var(--hand)}
.tc-save[aria-pressed=true] svg{fill:currentColor}
.tcard .meta{margin-top:12px}
.tc-head{font:650 1rem/1.4 var(--sans);margin:12px 0 0}
.tc-sum{color:var(--ink-2);margin:6px 0 0;font-size:.95rem}
.tc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tc-exp{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:4px;font:500 .88rem/1.4 var(--sans);color:var(--ink-2)}
.tc-exp li{margin:0;display:flex;gap:8px;align-items:center}
.tc-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:14px}
.tc-intro:empty{display:none}
.tc-intro{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.tmore{margin-top:16px;text-align:center}

/* ---------------------------------------------------------------- account screens */
.auth{display:grid;justify-content:center;padding:40px 0 8px}
.auth-card{width:min(480px,100%);padding:28px}
.v2 .auth-card h1{font-size:1.65rem;margin:0 0 6px}
.auth-card>.muted{font-family:var(--sans);margin:0 0 18px}
.auth-card .ef-form{margin-top:18px}
.auth-2{grid-template-columns:minmax(0,480px) minmax(0,400px);gap:44px;align-items:start}
.v2 .auth-perks h2{font-size:1.15rem;margin:18px 0 14px}
.auth-perks ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.auth-perks li{display:flex;gap:14px;align-items:flex-start;margin:0}
.auth-perks b{display:block;font:700 1rem var(--sans)}
.auth-perks small{display:block;color:var(--ink-3);font:500 .9rem var(--sans);margin-top:2px}
.auth-perks .muted{font-family:var(--sans)}
@media (max-width:900px){.auth-2{grid-template-columns:minmax(0,480px)}.auth-perks{order:2}}

/* ---------------------------------------------------------------- post a job */
.pj{margin-top:24px}
.v2 .wiz{padding:0;overflow:hidden}
.wiz-steps{display:flex;gap:0;list-style:none;margin:0;padding:12px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,var(--card));overflow-x:auto;scrollbar-width:none}
.wiz-steps li{display:flex;align-items:center;gap:7px;margin:0;padding:6px 6px;font:650 .86rem var(--sans);color:var(--ink-3);white-space:nowrap}
.wiz-steps .n{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;border:1.5px solid var(--line-2);font:800 .8rem var(--sans);background:var(--card)}
.wiz-steps li[aria-current]{color:var(--ink)}
.wiz-steps li[aria-current] .n{background:var(--brand);border-color:var(--brand);color:#fff}
.wiz-steps li.done .n{background:var(--ok);border-color:var(--ok);color:#fff}
.wiz-steps li+li::before{content:"";width:10px;height:1.5px;background:var(--line-2);margin-right:2px}
@media (max-width:760px){.wiz-steps .t{display:none}.wiz-steps li[aria-current] .t{display:inline}}
.wiz-body{padding:24px 26px;display:grid;gap:18px}
.v2 .wiz-body h2{margin:0;font-size:1.35rem}
.wiz-body>p{margin:0;color:var(--ink-2)}
.wiz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,var(--card))}
.wiz-nav .sp{flex:1}
.wiz-save{font:500 .82rem var(--sans);color:var(--ink-3)}
@media (max-width:520px){.wiz-body{padding:20px 18px}.wiz-nav{padding:14px 18px}.wiz-save{display:none}}
.pj-free p{margin:10px 0 0;font-size:.95rem}
.side .card{padding:20px}
.side .muted{font-family:var(--sans);margin:0}
details.pj-rules{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 18px}
details.pj-rules:first-of-type{border-top:1px solid var(--line)}
.pj-rules summary{min-height:52px;align-items:center;font-size:.98rem}
.pj-rules ul{margin:0 0 14px;font-size:.92rem;color:var(--ink-2)}
.jprev{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--card);box-shadow:var(--sh)}
.jp-cap{display:flex;gap:8px;align-items:center;font:600 .85rem var(--sans);color:var(--ink-3);margin:0}
.v2 .jprev h3{font-size:1.35rem;margin:10px 0 0}
.jp-sal{font:850 1.45rem/1.2 var(--sans);margin:8px 0 0}
.jp-sal small{font-size:.85rem;font-weight:600;color:var(--ink-3)}
.jp-co{display:flex;align-items:center;gap:10px;margin-top:12px;font:700 .98rem var(--sans)}
.v2 .jprev h4{font:750 1rem var(--sans);margin:18px 0 6px}
.jprev p,.jprev li{color:var(--ink-2);font-size:.96rem}
.jprev ul{margin:0}
.wiz-done{text-align:center;padding:12px 0}
.wiz-done .ib{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--ok-soft);color:var(--ok)}
.wiz-done .ib .ic{width:30px;height:30px}
.wiz-done .ef-acts{justify-content:center}

/* ---------------------------------------------------------------- dashboard */
.dash-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0 4px}
.v2 .dash-top h1{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);margin:0}
.d-hello{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.d-hello b{font:750 1.05rem var(--sans)}
.d-hello .ef-acts{margin-left:auto}
.dash-big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.v2 .dt{position:relative;display:flex;flex-direction:column;gap:8px;min-height:156px;padding:20px}
.dt .ib{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:var(--sun)}
.dt b{font:750 1.08rem/1.25 var(--sans);margin-top:4px}
.dt .n{font:850 2rem/1 var(--sans);margin-top:auto;font-variant-numeric:tabular-nums}
.dt small{color:var(--ink-3);font:500 .85rem/1.35 var(--sans)}
.dt .badge{position:absolute;top:18px;right:18px}
.v2 .dt[aria-current],.v2 .ds[aria-current]{border-color:var(--brand);box-shadow:0 0 0 1.5px var(--brand),var(--sh)}
.dash-small{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.v2 .ds{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:64px}
.ds .ib{width:40px;height:40px;border-radius:12px}
.ds b{font:700 .95rem/1.25 var(--sans)}
.ds small{display:block;color:var(--ink-3);font:500 .8rem var(--sans);overflow-wrap:anywhere}
.ds>span:last-child{min-width:0}
@media (max-width:980px){.dash-big,.dash-small{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.v2 .dt{min-height:132px;padding:16px}.dt .n{font-size:1.6rem}.dt .ib{width:40px;height:40px}.dash-big{gap:12px}}
.v2 .dsec{margin-top:20px;padding:24px}
.dsec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.v2 .dsec-h h2{margin:0;font-size:1.3rem}
.d-empty{text-align:center;padding:28px 16px;color:var(--ink-2)}
.d-empty .ib{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--bg);color:var(--ink-3);margin-bottom:10px}
.d-empty p{margin:0 auto 14px;max-width:46ch}
.djl{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.jr2{margin:0;border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:grid;gap:10px}
.jr2-h{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap}
.jr2-h b{font:750 1.05rem/1.3 var(--sans);margin-right:4px}
.jr2-cnt{display:flex;gap:6px 18px;flex-wrap:wrap;font:600 .9rem var(--sans);color:var(--ink-2)}
.jr2-cnt span{display:inline-flex;align-items:center;gap:6px}
.jr2-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.jr2-slot:empty{display:none}
.jr2-slot{border-top:1px solid var(--line);padding-top:12px}
.b-draft,.b-closed,.b-expired{background:var(--bg);color:var(--ink-2)}
.b-review{background:var(--info-soft);color:var(--info)}
.b-live{background:var(--ok-soft);color:var(--ok)}
.b-rejected{background:var(--hand-soft);color:var(--hand)}
.d-jobsel{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.d-jobsel .ef-fld{min-width:min(100%,360px)}
.stages{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;margin:14px 0 12px;scrollbar-width:thin}
.stages .chip{min-height:44px;white-space:nowrap;font-family:var(--sans)}
.stages .chip small{font-variant-numeric:tabular-nums}
.pipe{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
.pipe-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pipe-list li{margin:0}
.pa{width:100%;text-align:left;display:grid;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;font:inherit;color:var(--ink);min-height:44px}
.pa:hover{border-color:var(--line-2)}
.pa[aria-current]{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}
.pa b{font:700 1rem/1.3 var(--sans);display:flex;align-items:center;gap:8px}
.pa small{color:var(--ink-3);font:500 .85rem/1.35 var(--sans)}
.pa .dot{width:8px;height:8px;border-radius:50%;background:var(--hand);flex:none}
.appd{border:1px solid var(--line);border-radius:14px;padding:20px 22px;position:sticky;top:84px;background:var(--card)}
.appd-empty{color:var(--ink-3);text-align:center;padding:40px 16px}
.appd-h{display:flex;gap:12px;align-items:center}
.appd-h b{display:block;font:800 1.2rem/1.25 var(--sans)}
.appd-h small{display:block;color:var(--ink-3);font:600 .88rem var(--sans)}
.appd dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:16px 0 0;font:500 .95rem/1.4 var(--sans)}
.appd dt{color:var(--ink-3);font-weight:600}
.appd dd{margin:0;min-width:0;overflow-wrap:anywhere}
.v2 .appd h3{font-size:1rem;margin:20px 0 6px}
.appd p{margin:6px 0 0;color:var(--ink-2);font-size:.95rem}
.appd-move{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.appd-move .chip{min-height:40px;font-family:var(--sans)}
.v2 .appd .appd-back{display:none;margin-bottom:12px}
.appd .ef-fld{margin-top:8px}
.appd-x{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.appd-x li{margin:0;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:.92rem}
.appd-x b{display:block}
@media (max-width:860px){.pipe{grid-template-columns:1fr}.pipe.open .pipe-l{display:none}.pipe:not(.open) .appd{display:none}.appd{position:static}.v2 .appd .appd-back{display:inline-flex}}
.d-intro{margin:0;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:6px}
.d-intro b{font:700 1rem var(--sans)}
.d-intro .muted{font-family:var(--sans);margin:0}
.d-intro dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:6px 0 0;font-size:.95rem}
.d-intro dt{color:var(--ink-3);font-weight:600}
.d-intro dd{margin:0;overflow-wrap:anywhere}
.d-av{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.d-av small{color:var(--ink-3);font:500 .85rem var(--sans)}
.d-acct dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0 0 18px}
.d-acct dt{color:var(--ink-3);font-weight:600}
.d-acct dd{margin:0}
.d-notice{margin:16px 0 0}

/* ---------------------------------------------------------------- admin */
.adm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.adm-tabs .chip{min-height:44px;font-family:var(--sans)}
.adm-sec{padding:22px}
.adm-item{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 12px;background:var(--card);font-family:var(--sans)}
.adm-item p{margin:.3rem 0 0;font-size:.95rem}
.adm-item details{border:0;padding:6px 0 0}
.adm-item details:first-of-type{border-top:0}
.adm-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.adm-acts .ef-in{width:auto;flex:1 1 220px;min-height:40px;padding:8px 12px}
.adm-row{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}

/* ---------------------------------------------------------------- terms, countries */
.terms{margin-top:24px}
.terms-body{padding:30px 34px}
.v2 .terms-body h2{font-family:var(--sans)!important;font-size:1.18rem;margin:1.9rem 0 .45rem}
.v2 .terms-body h2:first-child{margin-top:0}
.terms-body p{font-family:var(--text);margin:0;color:var(--ink-2)}
.terms-toc ol{padding-left:1.2rem;margin:0;font-size:.92rem}
.terms-toc li{margin:0 0 6px}
@media (max-width:620px){.terms-body{padding:22px 20px}}
.ctrys{margin-top:24px}
.v2 .ctry{display:flex;gap:16px;align-items:flex-start;padding:22px}
.ctry-cc{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--brand);color:var(--sun);font:850 1.05rem var(--sans);flex:none;letter-spacing:.05em}
.ctry-t b{display:block;font:800 1.3rem/1.2 var(--sans)}
.ctry-t>span{display:block;color:var(--ink-2);margin-top:4px}
.ctry-t em{display:inline-flex;gap:6px;align-items:center;margin-top:10px;font:700 .9rem var(--sans);font-style:normal;color:var(--info)}
.ctry-note{margin-top:20px}
.ehead .eh-ticks{margin-top:16px}
@media (max-width:980px){.pj.with-side,.terms.with-side{grid-template-columns:minmax(0,1fr)}}
/* dark mode: brand-night fills sit too close to the dark cards; lift them on employer screens */
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]) .v2 .dash .btn-dark,:root:not([data-theme=light]) .v2 .plan .btn-dark{background:#2B3B66;border-color:#3A4C80}
  :root:not([data-theme=light]) .v2 .dash .btn-dark:hover,:root:not([data-theme=light]) .v2 .plan .btn-dark:hover{background:#34477A}
  :root:not([data-theme=light]) .dt .ib,:root:not([data-theme=light]) .esteps .ib,:root:not([data-theme=light]) .ctry-cc{background:#22305A}
  :root:not([data-theme=light]) .dash .b-top,:root:not([data-theme=light]) .plans .b-top{color:#F2B630}
  :root:not([data-theme=light]) .v2 .stages .chip.on,:root:not([data-theme=light]) .v2 .adm-tabs .chip.on,:root:not([data-theme=light]) .v2 .appd-move .chip.on{background:#2B3B66;border-color:#3A4C80}
}
:root[data-theme=dark] .v2 .dash .btn-dark,:root[data-theme=dark] .v2 .plan .btn-dark{background:#2B3B66;border-color:#3A4C80}
:root[data-theme=dark] .dt .ib,:root[data-theme=dark] .esteps .ib,:root[data-theme=dark] .ctry-cc{background:#22305A}
:root[data-theme=dark] .dash .b-top,:root[data-theme=dark] .plans .b-top{color:#F2B630}
:root[data-theme=dark] .v2 .stages .chip.on,:root[data-theme=dark] .v2 .adm-tabs .chip.on,:root[data-theme=dark] .v2 .appd-move .chip.on{background:#2B3B66;border-color:#3A4C80}