.im-roles-nav { display: flex; flex-wrap: wrap; gap: 10px; }
.im-role-intro { max-width: 72ch; color: var(--ink2) !important; }
.im-role-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; margin-top: 36px; }
.im-role-cols h3 { font-size: 15px !important; letter-spacing: 0.08em !important; text-transform: uppercase; color: var(--btn) !important; margin-bottom: 14px !important; }
.im-role-cols ul { list-style: none; display: grid; gap: 10px; }
.im-role-cols li { position: relative; padding-left: 18px; font-size: 15.5px; line-height: 1.5; color: var(--ink2); }
.im-role-cols li::before { content: ''; position: absolute; left: 0; top: 0.6em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.im-role-apply { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; margin-top: 40px; padding: 24px 28px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.im-role-apply p { max-width: 64ch; color: var(--ink2) !important; font-size: 15.5px !important; }
@media (max-width: 900px) {
    .im-role-cols { grid-template-columns: 1fr; gap: 28px; }
}