.jobs{padding:80px 0 48px}
.job{border-radius:28px;gap:32px}
.job__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px}
.job__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.job__h{margin:0;font-size:17px;font-weight:600;color:var(--ink)}
.apply{padding:40px var(--gutter) 64px}
.apply__box{box-sizing:content-box;max-width:var(--container);margin-inline:auto;border-radius:32px;background:var(--ink);color:#fff;padding:64px 48px;display:flex;flex-wrap:wrap;gap:32px 56px;align-items:center;justify-content:space-between}
.apply__text{flex:1 1 520px}
.apply__box .h2{color:#fff}
.apply__lead{margin:0;font-size:17px;line-height:1.6;color:var(--on-navy)}
.job__title{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-0.03em;font-weight:600;color:var(--ink)}
.apply__box .h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-0.035em}
/* The design draws these short texts with line-height:normal. */
.page-hero .pill-link,.job__h,.job .chip,.job .badge,.apply .eyebrow{line-height:normal}
/* Hero pills: the design's 1px border sits outside the 44px min-height; its "stáž" badge is smaller than the shared .badge. */
.page-hero .pill-link{min-height:46px}
.page-hero .pill-link .badge{padding:3px 8px;line-height:normal}
/* Mail button as drawn: no border, 17px, ink text. */
.apply__box .btn{border:0;font-size:17px;line-height:normal;color:var(--ink)}