/* U287 Careers (public website, v2 look): companies hiring, a company's jobs by group, one job and its form.
   Uses the site v2 tokens (--o-*). RTL by logical properties; reduced motion respected. */
.v2 .jb{padding:clamp(28px,4vw,60px) 0 clamp(48px,6vw,96px)}
.v2 .jb-count{font:700 12px var(--o-font);letter-spacing:.16em;text-transform:uppercase;color:var(--o-gray);margin:0 0 16px}
.v2 .jb-companies{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.v2 .jb-company{position:relative;display:flex;align-items:center;gap:16px;padding:20px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbf8f3);border:1px solid #e8e0d3;box-shadow:0 1px 0 #fff inset,0 24px 44px -34px #0e1210a0;color:var(--o-dark);transition:transform .35s var(--o-e),box-shadow .35s var(--o-e),border-color .35s}
.v2 .jb-company:hover{transform:translateY(-3px);border-color:#d8c9b2;box-shadow:0 30px 54px -32px #0e1210b0}
.v2 .jb-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;flex:0 0 auto;overflow:hidden;background:linear-gradient(150deg,#1f2622,#0e1210);color:var(--o-gold);font:800 26px var(--o-font);box-shadow:0 12px 24px -16px #0e1210}
.v2 .jb-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}
.v2 .jb-company-text{display:grid;flex:1;min-width:0}
.v2 .jb-company-text strong{font:800 19px var(--o-font);letter-spacing:-.02em;overflow-wrap:anywhere}
.v2 .jb-company-text small{display:inline-flex;align-items:center;gap:6px;color:var(--o-gray);font-weight:600;margin-top:2px}.v2 .jb-company-text small svg{width:15px;height:15px}
.v2 .jb-jobs{display:grid;justify-items:center;padding:8px 12px;border-radius:14px;background:linear-gradient(160deg,var(--o-crim),#6d0f1d);color:#fff;font:600 12px var(--o-font);line-height:1.2;min-width:70px;text-align:center}
.v2 .jb-jobs b{font-size:22px}
.v2 .jb-go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f3ede4;color:var(--o-dark);flex:0 0 auto}.v2 .jb-go svg{width:18px;height:18px}
.v2 .jb-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:clamp(40px,6vw,72px) 20px;border-radius:28px;border:1px dashed #d8cdbb;background:radial-gradient(80% 120% at 50% 0,#fff,#f6f1e8)}
.v2 .jb-empty h2{font:800 clamp(22px,2.4vw,30px) var(--o-font);letter-spacing:-.03em}.v2 .jb-empty p{color:var(--o-gray);max-width:460px;margin:0 0 10px}
.v2 .jb-empty-ico{display:grid;place-items:center;width:84px;height:84px;border-radius:26px;color:var(--o-gold);background:linear-gradient(150deg,#1f2622,#0e1210);box-shadow:0 20px 40px -22px #0e1210}
.v2 .jb-empty-ico.ok{color:#fff;background:linear-gradient(150deg,#2f9a64,#17633e)}
.v2 .jb-empty-ico svg{width:40px;height:40px}
.v2 .jb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.v2 .jb-chip{min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid #e3dccf;background:#fff;font:700 14px var(--o-font);color:var(--o-dark);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.v2 .jb-chip small{color:var(--o-gray)}
.v2 .jb-chip[aria-pressed=true]{background:var(--o-dark);border-color:var(--o-dark);color:#fff}.v2 .jb-chip[aria-pressed=true] small{color:var(--o-gold)}
.v2 .jb-chip:focus-visible{outline:2px solid var(--o-crim);outline-offset:2px}
.v2 .jb-group{margin:0 0 34px}
.v2 .jb-group h2{font:800 clamp(20px,2vw,26px) var(--o-font);letter-spacing:-.03em;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.v2 .jb-group h2::before{content:'';width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--o-crim),var(--o-gold2))}
.v2 .jb-list{display:grid;gap:14px}
.v2 .jb-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;grid-template-areas:'type facts go' 'title facts go' 'text facts go';column-gap:28px;row-gap:8px;align-items:center;padding:22px 26px;border-radius:22px;background:#fff;border:1px solid #e8e0d3;color:var(--o-dark);box-shadow:0 24px 44px -36px #0e1210a0;transition:transform .35s var(--o-e),box-shadow .35s var(--o-e)}
.v2 .jb-card:hover{transform:translateY(-3px);box-shadow:0 30px 54px -32px #0e1210b0}
.v2 .jb-type{grid-area:type;justify-self:start;padding:5px 12px;border-radius:999px;background:#f6eee1;color:#7a5520;font:800 12px var(--o-font);letter-spacing:.06em;text-transform:uppercase}
.v2 .jb-card h3{grid-area:title;font:800 21px var(--o-font);letter-spacing:-.02em;overflow-wrap:anywhere}
.v2 .jb-card p{grid-area:text;margin:0;color:var(--o-gray);line-height:1.6}
.v2 .jb-facts{display:flex;flex-wrap:wrap;gap:8px}
.v2 .jb-facts span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#f6f2ec;font-weight:600;font-size:14px;color:#2f3631}
.v2 .jb-facts svg{width:16px;height:16px;color:var(--o-crim)}
.v2 .jb-facts.big span{padding:9px 14px;font-size:15px;border-radius:12px}
.v2 .jb-card .jb-facts{grid-area:facts;align-content:center}
.v2 .jb-apply{grid-area:go;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--o-crim),#6d0f1d);color:#fff;font:800 15px var(--o-font);white-space:nowrap;box-shadow:0 12px 24px -14px #a6192e}.v2 .jb-apply svg{width:18px;height:18px}
.v2 .jb-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,3vw,40px);align-items:start}
.v2 .jb-about{position:sticky;top:96px;display:grid;gap:16px}
.v2 .jb-about h2,.v2 .jb-form h2{font:800 24px var(--o-font);letter-spacing:-.03em;display:flex;align-items:center;gap:10px}
.v2 .jb-form h2 svg{width:24px;height:24px;color:var(--o-crim)}
.v2 .jb-desc{color:#323a35;font-size:16.5px;line-height:1.75;overflow-wrap:anywhere}
.v2 .jb-form{display:grid;gap:16px;padding:clamp(20px,3vw,32px);border-radius:28px;background:linear-gradient(180deg,#fff,#fcfaf6);border:1px solid #e8e0d3;box-shadow:0 40px 70px -50px #0e1210c0}
.v2 .jb-req-note{margin:-8px 0 0;color:var(--o-gray);font-size:14px}
.v2 .jb-hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.v2 .jb-q{display:grid;gap:8px;padding:2px 0}
.v2 .jb-q fieldset{border:0;margin:0;padding:0}
.v2 .jb-label,.v2 .jb-q legend{font:700 15.5px var(--o-font);color:var(--o-dark);margin-bottom:2px}
.v2 .jb-star{color:var(--o-crim);margin-inline-start:4px}
.v2 .jb-q input:not([type=radio]):not([type=checkbox]):not([type=file]),.v2 .jb-q textarea{width:100%;min-height:54px;padding:12px 16px;border-radius:14px;border:1.5px solid #ddd3c4;background:#fff;font:500 16px var(--o-font);color:var(--o-dark);transition:border-color .2s,box-shadow .2s}
.v2 .jb-q textarea{min-height:120px;resize:vertical}
.v2 .jb-q input:focus,.v2 .jb-q textarea:focus{outline:none;border-color:var(--o-crim);box-shadow:0 0 0 4px #a6192e1f}
.v2 .jb-opts{display:flex;flex-wrap:wrap;gap:8px}
.v2 .jb-opt input{position:absolute;opacity:0}
.v2 .jb-opt span{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:10px 18px;border-radius:14px;border:1.5px solid #ddd3c4;background:#fff;font-weight:700;cursor:pointer;transition:all .2s}
.v2 .jb-opt input:checked+span{border-color:var(--o-crim);background:linear-gradient(180deg,#fff,#fdeff1);color:#6d0f1d;box-shadow:0 0 0 3px #a6192e18}
.v2 .jb-opt input:focus-visible+span{outline:2px solid var(--o-crim);outline-offset:2px}
.v2 .jb-file{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:1.5px dashed #cdbfa9;background:#faf6ef;cursor:pointer;transition:border-color .2s,background .2s}
.v2 .jb-file:hover{border-color:var(--o-crim)}
.v2 .jb-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.v2 .jb-file:focus-within{outline:2px solid var(--o-crim);outline-offset:2px}
.v2 .jb-file-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(150deg,#1f2622,#0e1210);color:var(--o-gold);flex:0 0 auto}.v2 .jb-file-ico svg{width:24px;height:24px}
.v2 .jb-file-text{display:grid;min-width:0}.v2 .jb-file-text strong{overflow-wrap:anywhere}.v2 .jb-file-text small{color:var(--o-gray)}
.v2 .jb-file.has-file{border-style:solid;border-color:#3aa36e;background:#f1fbf5}.v2 .jb-file.has-file .jb-file-ico{background:linear-gradient(150deg,#2f9a64,#17633e);color:#fff}
.v2 .jb-again{color:#7a4b06;font-weight:600}
.v2 .jb-q.has-error input:not([type=radio]):not([type=checkbox]):not([type=file]),.v2 .jb-q.has-error textarea,.v2 .jb-q.has-error .jb-file,.v2 .jb-q.has-error .jb-opt span{border-color:#c62828}
.v2 .jb-err{display:flex;align-items:center;gap:6px;margin:0;color:#b3261e;font-weight:700;font-size:14px}.v2 .jb-err svg{width:16px;height:16px}
.v2 .jb-alert{display:flex;gap:10px;align-items:center;margin:0;padding:12px 14px;border-radius:14px;background:#fdecea;color:#8f1d17;font-weight:700}.v2 .jb-alert svg{width:20px;height:20px;flex:0 0 auto}
.v2 .jb-consent{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#f6f2ec;font-size:14.5px;line-height:1.55;cursor:pointer}
.v2 .jb-consent input{width:24px;height:24px;flex:0 0 auto;accent-color:var(--o-crim);margin-top:1px}
.v2 .jb-consent a{color:var(--o-crim);font-weight:700;text-decoration:underline}
.v2 .jb-consent.has-error{outline:2px solid #c62828}
.v2 .jb-send{width:100%;justify-content:center;min-height:58px;font-size:17px;gap:10px}.v2 .jb-send svg{width:20px;height:20px}
.v2 .jb-send:disabled{opacity:.7;cursor:wait}
.v2 .jb-private{display:flex;gap:8px;align-items:center;justify-content:center;margin:0;color:var(--o-gray);font-size:13.5px;text-align:center}.v2 .jb-private svg{width:16px;height:16px;flex:0 0 auto}
.v2 .jb-card:hover .jb-apply{filter:brightness(1.08)}
@media (max-width:900px){.v2 .jb-card{grid-template-columns:1fr;grid-template-areas:'type' 'title' 'text' 'facts' 'go'}.v2 .jb-apply{justify-self:start}.v2 .jb-detail{grid-template-columns:1fr}.v2 .jb-about{position:static}}
@media (max-width:520px){.v2 .jb-company{flex-wrap:wrap}.v2 .jb-jobs{grid-auto-flow:column;gap:6px;align-items:baseline}.v2 .jb-go{display:none}}
@media (prefers-reduced-motion:reduce){.v2 .jb-company,.v2 .jb-card{transition:none}.v2 .jb-company:hover,.v2 .jb-card:hover{transform:none}}
