/* FindSponsor site styles. Phone first; logical properties so RTL (fa, ar) mirrors without overrides.
   Uses tokens.css only. */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:var(--t-md);line-height:var(--lh);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
:lang(fa) body,:lang(ar) body,:lang(fa),:lang(ar){line-height:1.75}
main{flex:1}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--navy-hover)}
input,select,button{font:inherit;color:inherit}
ul{list-style:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
.sr,.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter)}
[hidden]{display:none!important}

/* ---------- header ---------- */
.top{border-block-end:1px solid var(--line);background:var(--bg)}
.top-in{max-width:var(--measure);margin-inline:auto;padding-inline:var(--gutter);min-height:60px;display:flex;align-items:center;gap:var(--s3)}
.wm{display:inline-flex;align-items:baseline;min-height:var(--tap);align-self:stretch;align-items:center;text-decoration:none;font-family:var(--f-latin);font-size:var(--t-xl);letter-spacing:-.01em;direction:ltr;margin-inline-end:auto}
.wm-a{font-weight:400;color:var(--muted)}
.wm-b{font-weight:700;color:var(--navy)}
.wm-c{font-family:var(--f-mono);font-size:12px;color:var(--muted);margin-inline-start:2px;align-self:center;padding-block-start:6px}
.nav{display:none}
.nav a{min-height:var(--tap);display:inline-flex;align-items:center;padding-inline:var(--s2);color:var(--muted);text-decoration:none;font-size:var(--t-sm)}
.nav a:hover{color:var(--ink);text-decoration:underline}
.nav a[aria-current=page]{color:var(--ink);font-weight:600}
.lang{position:relative;display:inline-flex}
.lang select{appearance:none;-webkit-appearance:none;height:var(--tap);min-width:var(--tap);border:1px solid transparent;background:transparent;border-radius:var(--r);padding-inline:var(--s3) 26px;font-size:var(--t-sm);font-weight:500;color:var(--ink);cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-size:5px 5px;background-repeat:no-repeat;background-position:calc(100% - 14px) 20px,calc(100% - 9px) 20px}
[dir=rtl] .lang select{background-position:9px 20px,14px 20px;padding-inline:26px var(--s3)}
.lang select:hover{border-color:var(--line);background-color:var(--surface)}
.lang select option{font-family:var(--f-body)}
@media (min-width:720px){.nav{display:flex}}

/* ---------- type ---------- */
h1{font-size:var(--t-2xl);line-height:var(--lh-tight);font-weight:600;letter-spacing:-.015em;text-wrap:balance}
:lang(fa) h1,:lang(ar) h1{letter-spacing:0;line-height:1.4}
:lang(zh) h1{letter-spacing:0;line-height:1.3}
h2{font-size:var(--t-lg);line-height:1.3;font-weight:600}
.lede{color:var(--muted);font-size:var(--t-lg);margin-block-start:var(--s3);max-width:34em}

/* ---------- buttons and fields ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--field-h);padding-inline:var(--s5);border:0;border-radius:var(--r);background:var(--navy);color:#fff;font-weight:600;text-decoration:none;cursor:pointer;text-align:center;line-height:1.25}
.btn:hover{background:var(--navy-hover);color:#fff}
.btn:disabled{opacity:.6;cursor:default}
.btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1px var(--field)}
.btn.ghost:hover{background:var(--navy-tint);color:var(--navy)}
.btn.wide{width:100%}
input[type=search],input[type=email],input[type=text],select{height:var(--field-h);width:100%;padding-inline:var(--s4);border:1px solid var(--field);border-radius:var(--r);background:var(--surface);appearance:none;-webkit-appearance:none;font-size:var(--t-md)}
input::placeholder{color:#6B7789}
input:hover,.search select:hover{border-color:var(--muted)}
input[aria-invalid=true]{border-color:var(--red)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.search select{padding-inline-end:40px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-size:5px 5px;background-repeat:no-repeat;background-position:calc(100% - 22px) 24px,calc(100% - 17px) 24px}
[dir=rtl] .search select{background-position:17px 24px,22px 24px;padding-inline:var(--s4) 40px}

/* ---------- home ---------- */
.hero{padding-block:var(--s8) var(--s4)}
.search{display:grid;gap:var(--s3);margin-block-start:var(--s6);padding-block-start:var(--s5);border-block-start:2px solid var(--ink)}
.field{display:grid;gap:6px}
.field label{font-size:var(--t-xs);font-weight:600}
.try{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s1);margin-block-start:var(--s3);font-size:var(--t-sm)}
.try span{color:var(--muted);margin-inline-end:var(--s1)}
.try a{min-height:var(--tap);min-width:var(--tap);justify-content:center;display:inline-flex;align-items:center;padding-inline:6px}
@media (min-width:560px){
  .search{grid-template-columns:1fr 200px auto;align-items:end}
}
.block{padding-block:var(--s8) 0}
.block-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);border-block-end:2px solid var(--ink);padding-block-end:var(--s2)}
.block-h a{min-height:var(--tap);display:inline-flex;align-items:center;font-size:var(--t-sm);white-space:nowrap}
.block > h2{border-block-end:2px solid var(--ink);padding-block-end:var(--s2)}
.legend dl{display:grid;gap:var(--s4);margin-block-start:var(--s4)}
.legend dd{color:var(--muted);font-size:var(--t-sm);margin-block-start:6px}

/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:var(--s2)}
.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:var(--r-sm);font-size:var(--t-xs);line-height:1.35;font-weight:500}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.chip.pos{background:var(--navy-tint);color:var(--navy)}
.chip.neg{background:var(--red-tint);color:var(--red)}
.chip.neg i{border-radius:1px;width:8px;height:2px}
.chip.info{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.chip.info i{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}

/* ---------- results ---------- */
.bar{padding-block:var(--s3) var(--s2)}
.q{width:100%;min-height:var(--field-h);display:flex;align-items:center;gap:var(--s2);padding-inline:var(--s4);border:1px solid var(--field);border-radius:var(--r);background:var(--surface);cursor:pointer;text-align:start}
.q:hover{border-color:var(--muted)}
.q-k{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}
.q-s{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-e{margin-inline-start:auto;color:var(--navy);text-decoration:underline;text-underline-offset:3px;font-size:var(--t-sm)}
.q[aria-expanded=true] .q-e{text-decoration:none;opacity:.6}
.bar-form .search{margin-block-start:var(--s3);padding-block-start:var(--s4);border-block-start-width:1px;border-color:var(--line)}
.sum{padding-block:var(--s2) var(--s3);border-block-end:2px solid var(--ink)}
.count{font-size:var(--t-sm)}
.count strong{font-size:var(--t-md)}
.count span{color:var(--muted)}
.toggles{display:flex;flex-direction:column;margin-block-start:var(--s1)}
.tog{display:flex;align-items:center;gap:var(--s3);min-height:var(--tap);font-size:var(--t-sm);cursor:pointer;position:relative}
.tog input{position:absolute;opacity:0;inset-inline-start:0;width:36px;height:22px;margin:0}
.sw{width:36px;height:22px;border-radius:11px;background:#A9B5C6;position:relative;flex:none;transition:background .15s}
.sw::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.tog input:checked + .sw{background:var(--navy)}
.tog input:checked + .sw::after{transform:translateX(14px)}
[dir=rtl] .tog input:checked + .sw::after{transform:translateX(-14px)}
.tog input:focus-visible + .sw{outline:3px solid var(--focus);outline-offset:2px}
.note{font-size:var(--t-xs);color:var(--muted);margin-block-start:var(--s1)}
.hidden-note{font-size:var(--t-sm);color:var(--muted);padding-block:var(--s4);border-block-end:1px solid var(--line)}
.hidden-note a{display:inline-flex;min-height:var(--tap);align-items:center;padding-inline:4px}
.more-wrap{padding-block:var(--s6)}
.more-wrap .btn{width:100%}

/* ---------- job rows ---------- */
.jobs{display:block}
.job{display:grid;grid-template-columns:44px 1fr;gap:var(--s3);padding-block:var(--s4);border-block-end:1px solid var(--line);position:relative}
.job .age{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--muted);padding-block-start:2px;white-space:nowrap}
:lang(fa) .job .age,:lang(ar) .job .age,:lang(zh) .job .age{font-family:var(--f-body);font-size:var(--t-xs)}
.job h3{font-size:var(--t-lg);line-height:1.3;font-weight:600}
.job h3 a{color:var(--ink);text-decoration:none}
.job h3 a::after{content:"";position:absolute;inset:0}
.job:hover h3 a{text-decoration:underline;text-decoration-thickness:1px}
.job:hover{background:linear-gradient(to right,transparent,var(--surface) 8%,var(--surface) 92%,transparent)}
.job h3 a:focus-visible{outline:none}
.job:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:-3px}
.meta{display:flex;flex-wrap:wrap;gap:0 var(--s3);font-size:var(--t-sm);color:var(--muted);margin-block-start:2px}
.meta .emp{color:var(--ink);font-weight:500}
.quote{margin-block-start:var(--s2);padding:var(--s2) 10px;border-radius:var(--r-sm)}
.quote .q-label{display:block;margin-block-end:2px}
.quote .qt{font-family:var(--f-mono);font-size:14px;line-height:1.5;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.quote.pos{background:var(--navy-tint);color:var(--navy)}
.quote.neg{background:var(--red-tint);color:var(--red)}
.q-label{font-family:var(--f-body);font-weight:600;font-size:var(--t-xs);display:block;margin-block-end:2px}
.job.is-neg h3 a{color:#3A4554}
.job.sk span{display:block;width:28px;height:12px;background:var(--skeleton);border-radius:2px;margin-block-start:6px}
.job.sk b{display:block;height:14px;background:var(--skeleton);border-radius:2px;margin-block:6px 10px}
.job.sk b:nth-child(1){width:80%;height:18px}.job.sk b:nth-child(2){width:50%}.job.sk b:nth-child(3){width:62%;height:22px}
@media (prefers-reduced-motion:no-preference){.job.sk b,.job.sk span,.sk-jd b{animation:pulse 1.4s ease-in-out infinite}}
@keyframes pulse{50%{opacity:.5}}

/* ---------- alert ---------- */
.alert-li{padding-block:var(--s4);border-block-end:1px solid var(--line)}
.alert{background:var(--navy-tint);border-radius:var(--r);padding:var(--s5)}
.alert h2{font-size:var(--t-xl);line-height:1.25}
.alert-p{font-size:var(--t-sm);color:var(--muted);margin-block-start:6px}
.alert-for{display:block;color:var(--ink);font-weight:500;margin-block-start:2px}
.alert form{display:grid;gap:var(--s2);margin-block-start:var(--s4)}
.alert-msg{font-size:var(--t-sm);min-height:0}
.alert-msg:empty{display:none}
.alert-msg.bad{color:var(--red)}
.optin{font-size:var(--t-xs);color:var(--muted);margin-block-start:var(--s3)}
@media (min-width:560px){.alert form{grid-template-columns:1fr auto}.alert-msg{grid-column:1/-1}}
#empty-alert,#jd-alert{margin-block-start:var(--s6)}

/* ---------- states ---------- */
.state-msg{padding-block:var(--s8);display:grid;gap:var(--s3);justify-items:start}
.state-msg h2{font-size:var(--t-xl)}
.state-msg p{color:var(--muted)}
.state-msg.big{padding-block:var(--s10)}

/* ---------- job detail ---------- */
.back{padding-block:var(--s2) 0}
.back a{min-height:var(--tap);display:inline-flex;align-items:center;gap:6px;font-size:var(--t-sm);text-decoration:none}
.back a::before{content:"\2190"}
[dir=rtl] .back a::before{content:"\2192"}
.back a:hover{text-decoration:underline}
.jd{padding-block:var(--s3) var(--s4)}
.jd h1{font-size:clamp(24px,6.4vw,34px)}
.jd-emp{display:flex;flex-wrap:wrap;gap:0 var(--s3);margin-block-start:var(--s2);font-size:var(--t-md)}
.jd-emp bdi:first-child{font-weight:600}
.jd-emp bdi + bdi{color:var(--muted)}
.facts{margin-block-start:var(--s4);border-block-start:1px solid var(--line)}
.facts li{padding-block:10px;border-block-end:1px solid var(--line);font-size:var(--t-sm)}
.closed{background:var(--red-tint);color:var(--red);padding:var(--s3) var(--s4);border-radius:var(--r);margin-block-end:var(--s4);font-weight:500}
.ev{margin-block:var(--s6) var(--s6)}
.ev h2{border-block-end:2px solid var(--ink);padding-block-end:var(--s2)}
.ev ul{margin-block-start:var(--s2)}
.ev li{padding-block:var(--s4);border-block-end:1px dashed var(--line)}
.ev-gen{font-size:var(--t-sm);color:var(--muted);margin-block-start:var(--s2)}
.ev-why{font-size:var(--t-sm);margin-block-start:var(--s2)}
.evq{margin-block-start:var(--s2);padding:var(--s3);border-radius:var(--r-sm)}
.evq blockquote{font-family:var(--f-mono);font-size:14px;line-height:1.55;text-align:left}
.evq.pos{background:var(--navy-tint);color:var(--navy)}
.evq.neg{background:var(--red-tint);color:var(--red)}
.ev h3{font-size:var(--t-sm);font-weight:600;margin-block-start:var(--s4)}
.ev-none{font-size:var(--t-sm);color:var(--muted)}
.src{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--muted);text-align:center;margin-block-start:var(--s2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.safety{margin-block-start:var(--s5);font-size:var(--t-sm);font-weight:500}
.safety a{display:inline-flex;min-height:var(--tap);align-items:center}
.sk-jd b{display:block;height:16px;background:var(--skeleton);border-radius:2px;margin-block:14px}
.sk-jd b:first-child{height:30px;width:85%}.sk-jd b:nth-child(2){width:55%}.sk-jd b:nth-child(4){height:52px}

/* ---------- prose pages ---------- */
.prose{padding-block:var(--s8) var(--s4)}
.prose h2{margin-block:var(--s8) var(--s2);padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.prose p{max-width:36em}
.prose p + p{margin-block-start:var(--s3)}
.flags{margin-block-start:var(--s2)}
.flags li{padding-block:10px;padding-inline-start:22px;border-block-end:1px solid var(--line);position:relative}
.flags li::before{content:"";position:absolute;inset-inline-start:2px;top:20px;width:9px;height:2px;background:var(--red)}
:lang(fa) .flags li::before,:lang(ar) .flags li::before{top:24px}
.checks li{padding-block:var(--s3);border-block-end:1px solid var(--line)}
.checks a,.link-row a{display:inline-flex;min-height:var(--tap);align-items:center;font-weight:500}
.link-row{display:flex;flex-wrap:wrap;gap:0 var(--s5);margin-block-start:var(--s2)}
.aside{margin-block-start:var(--s8);padding:var(--s4);background:var(--navy-tint);border-radius:var(--r);font-size:var(--t-sm)}
.rgroup{margin-block-start:var(--s8)}
.rgroup h2{border-block-end:2px solid var(--ink);padding-block-end:var(--s2)}
.rlist li{padding-block:var(--s4);border-block-end:1px solid var(--line)}
.rname{font-weight:600;display:inline-block;padding-block:10px 4px;min-height:var(--tap)}
.rwhat{font-size:var(--t-sm);color:var(--ink);margin-block-start:2px}
.rchecked{font-size:var(--t-xs);color:var(--muted);margin-block-start:4px}

/* ---------- footer ---------- */
.foot{margin-block-start:var(--s10);border-block-start:1px solid var(--line);background:var(--surface)}
.foot-in{max-width:var(--measure);margin-inline:auto;padding:var(--s6) var(--gutter) calc(var(--s8) + env(safe-area-inset-bottom))}
.foot .warn{font-weight:600}
.foot .data{font-family:var(--f-mono);font-size:14px;color:var(--muted);margin-block-start:var(--s2)}
:lang(fa) .foot .data,:lang(ar) .foot .data,:lang(zh) .foot .data{font-family:var(--f-body)}
.foot .links{display:flex;flex-wrap:wrap;gap:0 var(--s5);margin-block-start:var(--s3)}
.foot .links a{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;font-size:var(--t-sm)}

/* ---------- desktop ---------- */
@media (min-width:720px){
  :root{--gutter:32px;--measure:760px}
  .hero{padding-block:var(--s12) var(--s6)}
  .job{grid-template-columns:56px 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.flags li:last-child,.checks li:last-child,.rlist li:last-child,.ev li:last-child{border-block-end:0}

/* ---------- blog ---------- */
.posts{margin-block-start:var(--s6);border-block-start:2px solid var(--ink)}
.post-item{padding-block:var(--s5);border-block-end:1px solid var(--line)}
.post-item h2{font-size:var(--t-xl);line-height:1.3;margin:0;padding:0;border:0}
.blog-list .post-item h2{margin:0;padding:0;border:0}
.post-item h2 a{color:var(--ink);text-decoration:none;display:inline-block;padding-block:2px}
.post-item h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.post-desc{color:var(--muted);margin-block-start:6px;font-size:var(--t-md)}
.post-meta{font-size:var(--t-xs);color:var(--muted);margin-block-start:var(--s2)}
.post-meta .tag{display:inline-block;padding:1px 8px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line)}
.is-placeholder h2 a{color:var(--muted)}
.post{padding-block-start:var(--s4)}
.in-en{font-size:var(--t-sm);background:var(--navy-tint);color:var(--navy);padding:var(--s2) var(--s3);border-radius:var(--r);margin-block-end:var(--s5)}
.post-body{margin-block-start:var(--s6);font-size:var(--t-lg);line-height:1.65}
.post-body .lead{font-size:var(--t-xl);line-height:1.5;color:var(--ink)}
.post-body p{max-width:36em}
.post-body p + p,.post-body ul,.post-body ol,.post-body blockquote{margin-block-start:var(--s4)}
.post-body h2{font-size:var(--t-xl);margin-block:var(--s8) 0;padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.post-body h3{font-size:var(--t-lg);margin-block:var(--s6) 0}
.post-body h2 + p,.post-body h3 + p{margin-block-start:var(--s2)}
.post-body ul,.post-body ol{padding-inline-start:1.3em}
.post-body ul{list-style:disc}.post-body ol{list-style:decimal}
.post-body li + li{margin-block-start:var(--s2)}
.post-body blockquote{padding:var(--s3) var(--s4);background:var(--surface);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--f-mono);font-size:15px;line-height:1.6}
.post-body code{font-family:var(--f-mono);font-size:.9em;background:var(--navy-tint);padding:1px 4px;border-radius:2px}
.sources{margin-block-start:var(--s10);font-size:var(--t-sm)}
.sources h2{font-size:var(--t-md)}
.sources li{padding-block:6px;color:var(--muted);overflow-wrap:anywhere}
.post-cta{margin-block-start:var(--s10);padding:var(--s5);background:var(--navy-tint);border-radius:var(--r);display:grid;gap:var(--s4);justify-items:start}
.post-cta p{font-size:var(--t-lg);font-weight:500;max-width:30em}