/* salarydataapi.com /countries (approved 27 Oct 2026). Shared tokens in site.css, the table pieces in home.css. */
.chero{position:relative;overflow:hidden;padding:64px 0 56px}
.chero .map{position:absolute;inset:0;width:100%;height:100%}
.chero .map .grid{stroke:#1C2533;stroke-width:1.6;stroke-linecap:round}
.chero .pt .core{fill:#2CE5C4;opacity:.55;transition:opacity .3s ease}
.chero .pt .ring{fill:none;stroke:#2CE5C4;stroke-width:1;opacity:0}
.chero .pt.on .core{opacity:1}
.chero .pt.on .ring{animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}
.chero .glow{position:absolute;width:760px;height:760px;left:-260px;top:-380px;background:radial-gradient(closest-side,rgba(44,229,196,.10),transparent);pointer-events:none}
.chero .wrap{position:relative}
.chero .hero-title{max-width:640px}
.chero .sub{margin:18px 0 0;color:var(--ink-2);font-size:17px;max-width:560px}
.cfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:36px;max-width:640px;border-top:1px solid var(--line)}
.cfacts div{padding:16px 0 0}.cfacts b{display:block;font:400 26px/1.1 var(--f-ui);font-variant-numeric:tabular-nums;color:var(--ink)}
.cfacts span{font-size:12px;color:var(--ink-3)}
.live{position:absolute;right:24px;bottom:0;width:340px;padding:14px 16px;background:rgba(16,22,31,.86);backdrop-filter:blur(6px)}
.live .lk{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.lrow{display:grid;grid-template-columns:30px minmax(0,1fr) 76px 92px;gap:10px;align-items:center;height:24px}
.lrow .cc{display:inline-flex;width:30px;height:20px;align-items:center;justify-content:center;border-radius:5px;background:var(--bg);border:1px solid var(--line);font-size:11px;color:var(--ink-2)}
.lrow .ln{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow .lp{text-align:right;color:var(--ink-2)}
.lrow.swap{animation:fadein .4s ease}
.fresh.wait i{background:var(--d3)}

.all{padding-top:64px;padding-bottom:72px}
.rg7{grid-auto-columns:118px}
.regs button em{font-style:normal;color:var(--ink-3);margin-left:6px;font-size:12px}
.regs button[aria-pressed=true] em{color:var(--acc)}
.ctbl thead th{position:sticky;top:66px;background:var(--surface);z-index:2}
.ctbl th.srt{cursor:pointer;user-select:none}
.ctbl th.srt i{font-style:normal;display:inline-block;width:12px;margin-left:4px;color:var(--acc)}
.ctbl th.srt:hover,.ctbl th.on{color:var(--ink)}
.ctbl .tb{width:72px}
.cur{font:400 12px var(--f-mono);color:var(--ink-2)}
.tscroll{overflow:visible}

.regw{padding-top:72px;padding-bottom:72px}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reg{padding:20px;display:flex;flex-direction:column}
.reg .rh{display:flex;align-items:baseline;justify-content:space-between;font:500 18px var(--f-head);font-stretch:112%}
.reg .rh b{font:400 28px/1 var(--f-ui)}
.reg .rk{text-align:right;font-size:12px;color:var(--ink-3);margin-top:2px}
.reg .rs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reg .rs b{display:block;font:400 18px var(--f-ui)}.reg .rs span{font-size:12px;color:var(--ink-3)}
.rbar{height:6px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}
.rbar i{position:absolute;left:0;top:0;bottom:0;background:var(--d1);border-radius:3px}
.rp{font-size:12px;color:var(--ink-2);margin:8px 0 14px}
.rcc{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;min-height:52px;align-content:flex-start}
.rcc span{display:inline-flex;width:30px;height:22px;align-items:center;justify-content:center;border-radius:6px;background:var(--bg);border:1px solid var(--line);font-size:11px;color:var(--ink-2)}
.rcc span.more{width:auto;padding:0 8px;color:var(--acc);border-color:transparent;background:var(--acc-soft)}

.inside{padding-top:72px;padding-bottom:72px}
.igrid2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;margin-bottom:12px}
.cpage{padding:20px;display:flex;flex-direction:column}
.cph{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.cph .cc{display:inline-flex;width:38px;height:28px;align-items:center;justify-content:center;border-radius:6px;background:var(--bg);border:1px solid var(--line);font-size:12px;color:var(--ink-2)}
.cph b{display:block;font:500 20px var(--f-head);font-stretch:112%}.cph div span{font-size:12px;color:var(--ink-3)}
.cph .fresh{margin-left:auto}
.ser{font-size:14px}
.ser .sh,.ser .sr{display:grid;grid-template-columns:minmax(0,1.4fr) 140px 120px 100px;gap:12px;align-items:center}
.ser .sh{height:38px;font-size:12px;color:var(--ink-3);border-bottom:1px solid var(--line)}
.ser .sr{height:48px;border-bottom:1px solid var(--line);cursor:pointer}
.ser .sr span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ser .sr:hover,.ser .sr.on{background:var(--acc-soft)}
.ser .sr.on span:first-child{color:var(--acc)}
.ser .r{text-align:right}
.cpf{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:16px}
.cpf .mono{font:400 12px var(--f-mono);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpf .btn{margin-left:auto}
.chart{padding:20px;display:flex;flex-direction:column}
.chh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.chh .k{display:block;font-size:12px;color:var(--ink-3)}
.chh b{display:block;font:400 30px/1.2 var(--f-ui)}.chh small{font-size:12px;color:var(--ink-3)}
.lc{width:100%;height:auto;margin-top:12px}
.lc .ln{fill:none;stroke:var(--d1);stroke-width:2;stroke-linejoin:round}
.lc .ar{fill:var(--acc-soft)}
.lc .gl{stroke:var(--line);stroke-width:1}
.lc .dot{fill:var(--d1)}
.chx{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3)}
.chart .note{margin-top:auto;padding-top:14px;font-size:12px;color:var(--ink-3)}
.inside .ucta .btns{display:flex;gap:10px}

@media (max-width:1100px){.live{position:relative;right:auto;bottom:auto;margin-top:28px;width:auto;max-width:420px}.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.igrid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.ctbl thead th{top:58px}.ser .sh span:nth-child(2),.ser .sr .dims{display:none}.ser .sh,.ser .sr{grid-template-columns:minmax(0,1fr) 110px 90px}.rg7{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.cfacts{grid-template-columns:repeat(2,minmax(0,1fr))}.cfacts b{font-size:20px}.rgrid{grid-template-columns:minmax(0,1fr)}.lrow{grid-template-columns:30px minmax(0,1fr) 70px}.lrow .fresh{display:none}
.cpf{flex-direction:column;align-items:stretch}.cpf .btn{margin-left:0;width:100%}.inside .ucta{flex-direction:column;align-items:stretch}.inside .ucta .btns{flex-direction:column}.inside .ucta .btn{width:100%}
.ser .sh,.ser .sr{grid-template-columns:minmax(0,1fr) 90px}.ser .sh span:nth-child(3),.ser .sr span:nth-child(3){display:none}}
@media (max-width:640px){.ctbl td,.ctbl th{padding:0 6px}.ctbl .open{width:52px}.ctbl td:first-child{max-width:108px;overflow:hidden;text-overflow:ellipsis}.ctbl th.srt i{width:8px;margin-left:2px}}
.cpf .btn,.inside .ucta .btn{box-sizing:border-box}
.chero .map{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 42%,#000 62%);mask-image:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 42%,#000 62%)}
.inside .ucta .btns{margin-left:auto}
.ser .sh,.ser .sr{grid-template-columns:minmax(0,1.3fr) 140px 132px 100px}
.ser .sr span{white-space:nowrap}
@media (max-width:640px){.inside .ucta .btns{margin-left:0}}
.lrow .lp{white-space:nowrap}
@media (max-width:640px){.chero .map{opacity:.3}.lrow{grid-template-columns:30px minmax(0,1fr) 84px}.rg7{grid-template-columns:repeat(3,1fr)}}