/* Mega Engine — l'anteprima delle posizioni aperte, senza account.
 *
 * Un elenco di annunci è una tabella a due colonne: titolo a sinistra, sede a
 * destra, allineati, perché il colpo d'occhio che serve a un candidato è la
 * colonna delle sedi. A 390 px le due colonne si impilano invece di
 * spezzare i nomi lunghi. */
.me-jprev { margin-top: 1rem; }
.me-jprev__title { margin: 0 0 .35rem; font-size: 1.15rem; line-height: 1.3; }
.me-jprev__summary {
    margin: 0 0 .9rem; font-weight: 600; font-size: 1rem; color: #1c3d5a;
}
.me-jprev__lead { margin: .9rem 0 .4rem; font-size: .92rem; color: #56637a; }
.me-jprev__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e3e8ef; }
.me-jprev__item {
    display: flex; justify-content: space-between; gap: 1rem; align-items: baseline;
    padding: .5rem .25rem; border-bottom: 1px solid #e3e8ef;
}
.me-jprev__name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.me-jprev__price { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 600; text-align: right; }
.me-jprev__item--warn .me-jprev__price { font-weight: 400; color: #8a6d3b; }
.me-jprev__source { margin: .55rem 0 0; font-size: .85rem; color: #6b7688; }
.me-jprev__text {
    margin: 0; padding: .6rem .8rem; border-left: 3px solid #cbd5e1;
    background: #f6f8fb; font-size: .9rem; color: #33405a;
}
.me-jprev__note { margin: .7rem 0 0; font-size: .92rem; }
.me-jprev__note--ok { color: #1a6b3c; }
.me-jprev__note--warn { color: #8a6d3b; }
.me-jprev__note--bad { color: #9b2c2c; }
.me-jprev__cta { margin-top: 1.1rem; }
.me-jprev__cta-text { margin: 0 0 .7rem; }
@media (max-width: 480px) {
    .me-jprev__item { flex-direction: column; gap: .15rem; }
    .me-jprev__price { text-align: left; }
}