.hbx-mkt .role-card{border:.5px solid var(--color-fog);border-radius:var(--radius-lg);transition:all .14s var(--ease-out);background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;text-decoration:none;display:flex}.hbx-mkt .role-card:hover{border-color:var(--color-ember);transform:translateY(-1px);box-shadow:0 1px 4px #0b0b0d0f}.hbx-mkt .role-title{font:600 15px/1.3 var(--font-body);color:var(--color-obsidian);margin-bottom:5px}.hbx-mkt .role-meta{flex-wrap:wrap;gap:10px;display:flex}.hbx-mkt .role-tag{font:500 11.5px/1 var(--font-mono);color:var(--color-smoke);background:var(--color-paper);border:.5px solid var(--color-fog);border-radius:99px;padding:4px 10px}.hbx-mkt .role-tag-e{color:var(--color-ember);background:#c84a1e12;border-color:#c84a1e33}.hbx-mkt .value-card{border-radius:var(--radius-lg);transition:transform .14s var(--ease-out),border-color .14s var(--ease-out),background .14s var(--ease-out);background:#ffffff0a;border:.5px solid #ffffff14;padding:26px}.hbx-mkt .value-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.hbx-mkt .value-card h3{font:600 14.5px/1.3 var(--font-body);color:var(--color-bone);margin:0 0 8px}.hbx-mkt .value-card p{font:400 13.5px/1.6 var(--font-body);color:#fff6;margin:0}@media (prefers-reduced-motion:reduce){.hbx-mkt .role-card{transition:none}.hbx-mkt .role-card:hover{transform:none}}
