/* Careers: the roles list and a page per role (Fygge, 27 Oct 2026). Sits on VOVI's pages.css and uses its tokens. */
.role-back{color:inherit;text-decoration:none;border-bottom:1px solid rgba(27,27,31,.2);transition:border-color .3s}
.role-back:hover{border-color:currentColor}
.role-meta{margin-top:26px;font-size:17px;line-height:1.4;letter-spacing:-0.3px;color:var(--stone-3)}
.role-actions{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.role-link{color:var(--ink-2);text-decoration:none;border-bottom:1px solid rgba(27,27,31,.25);transition:border-color .3s}
.role-link:hover{border-color:currentColor}
.role-list{margin:0;padding:0;list-style:none}
.role-list li{position:relative;padding-left:22px;font-size:17px;line-height:1.45;letter-spacing:-0.3px;color:var(--stone)}
.role-list li+li{margin-top:12px}
.role-list li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--ink-2);opacity:.3}
.pg-copy p+.role-list{margin-top:16px}
.role-pg .pg-row:first-of-type{margin-top:96px}
.pg-copy .role-actions{margin-top:24px}
.role-actions .pill-btn{height:46px;padding:0 26px;font-size:15px;letter-spacing:-0.3px}
/* Roles list: details under the title (VOVI's phone layout, used at every size) so long titles don't squeeze */
.roles a{grid-template-columns:1fr 14px;gap:6px 20px;padding:22px 0}
.roles span{grid-row:2}
.roles i{grid-row:1/3;grid-column:2}
@media (max-width:820px){
  .role-meta{font-size:15px;margin-top:18px}
  .role-actions{margin-top:22px;gap:12px 20px}
  .role-list li{font-size:16px}
  .role-pg .pg-row:first-of-type{margin-top:64px}
}
.role-posted{font-size:14px;color:var(--stone-3);opacity:.85}
.role-steps{list-style:none;margin:18px 0;padding:0;counter-reset:step;border-top:1px solid rgba(27,27,31,.1)}
.role-steps li{counter-increment:step;display:grid;grid-template-columns:36px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(27,27,31,.1);font-size:17px;line-height:1.4;letter-spacing:-0.3px;color:var(--ink-2)}
.role-steps li::before{content:counter(step);font-family:var(--f-display);font-size:22px;color:var(--stone-3)}