/* ==========================================================================
   Kariera (kariera.html) — dodatki do handshake.css, tylko z prefiksem strony.
   Układ jak strony kariery CBRE: lista ofert, ogłoszenie (metryczka | treść), benefity, rekrutacja.
   ========================================================================== */

/* lista ofert */
.kr-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.kr-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:8px 32px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:color .2s}
.kr-row__t{font-family:var(--display);font-size:clamp(23px,2.1vw,30px);line-height:1.2;color:var(--navy);transition:color .2s}
.kr-row__m{font-size:15px;color:var(--muted)}
.kr-row:hover .kr-row__t{color:var(--blue-text)}
@media (max-width:860px){.kr-row{grid-template-columns:1fr;gap:6px}.kr-row .lnk{margin-top:8px}}

/* ogłoszenie: metryczka z przyciskiem (przyklejona przy przewijaniu) | treść */
.kr-jobs{padding-top:clamp(56px,6vw,96px)}
.kr-job{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:32px clamp(40px,6vw,96px);align-items:start;padding:clamp(40px,4.4vw,64px) 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--nav-h) + 16px)}
.kr-job:first-child{border-top:0;padding-top:0}
.kr-job__side{position:sticky;top:calc(var(--nav-h) + 24px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.kr-job__k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-text)}
.kr-job__t{font-size:clamp(28px,2.6vw,38px);line-height:1.12}
.kr-job__meta{margin:6px 0 10px;width:100%;border-top:1px solid var(--line)}
.kr-job__meta > div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.kr-job__meta dt{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.kr-job__meta dd{margin:0;font-size:15px;color:var(--ink)}
.kr-job__lead{font-family:var(--display);font-size:clamp(20px,1.7vw,24px);line-height:1.45;color:var(--navy);max-width:52ch}
.kr-job__h{margin:clamp(28px,3vw,40px) 0 16px;font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kr-job__body .ticks{font-size:16px;color:var(--ink-2)}
@media (max-width:900px){
  .kr-job{grid-template-columns:1fr}
  .kr-job__side{position:static}
}
@media (max-width:420px){.kr-job__meta > div{grid-template-columns:1fr}}

/* benefity */
.kr-perks{row-gap:clamp(32px,3.4vw,48px)}
.kr-perks h3{font-size:clamp(21px,1.75vw,25px)}

/* rekrutacja: trzy kroki na granacie */
.kr-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(20px,2.4vw,40px)}
.kr-steps li{display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid var(--navy-700)}
.kr-steps__n{font-family:var(--display);font-size:clamp(32px,2.8vw,44px);line-height:1;color:var(--blue-light)}
.kr-steps li:last-child .kr-steps__n{color:var(--turkus)}
.kr-steps b{margin-top:8px;font-family:var(--display);font-weight:400;font-size:clamp(21px,1.7vw,24px);color:#fff}
.kr-steps p{font-size:15.5px;line-height:1.6;color:var(--muted-dark)}
.kr-steps .link{color:#fff}
.kr-note{margin-top:clamp(36px,4vw,52px);max-width:84ch;font-size:13px;line-height:1.6;color:var(--muted-dark)}
@media (max-width:760px){.kr-steps{grid-template-columns:1fr}}