/*
 * MEP — Public V9
 * Harmonisation des pages publiques Salariat / Indépendant / Mixte.
 */

.mep-public-tool-modes,
.mep-public-advice-modes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}

.mep-public-tool-modes article{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 13px;
  border:1px solid #dfe7e3;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 16px rgba(28,48,41,.025);
}

.mep-public-tool-modes article.is-salaried{
  border-color:#cce0d7;
  background:linear-gradient(135deg,#fff,#f5faf8);
}

.mep-public-tool-modes article.is-independent{
  border-color:#d2daf4;
  background:linear-gradient(135deg,#fff,#f6f8ff);
}

.mep-public-tool-mode-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:11px;
  background:#eef5f2;
  font-size:18px;
}

.mep-public-tool-modes .is-independent .mep-public-tool-mode-icon{
  background:#edf2ff;
}

.mep-public-tool-modes small,
.mep-public-tool-modes strong,
.mep-public-tool-modes p{
  display:block;
}

.mep-public-tool-modes small{
  color:#839089;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.mep-public-tool-modes strong{
  margin-top:2px;
  color:#30443b;
  font-size:.75rem;
}

.mep-public-tool-modes p{
  margin:3px 0 0;
  color:#74827b;
  font-size:.61rem;
  line-height:1.4;
}

.mep-public-tool-modes a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 9px;
  border:1px solid #d8e2de;
  border-radius:8px;
  background:#fff;
  color:#2d684f;
  font-size:.61rem;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}

.mep-public-tool-modes .is-independent a{
  color:#3159c4;
}

.mep-public-tool-modes a:hover{
  transform:translateY(-1px);
}

.mep-public-advice-modes{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 0 12px;
}

.mep-public-advice-modes>div{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:10px 11px;
  border:1px solid #dfe7e3;
  border-radius:11px;
  background:#fff;
}

.mep-public-advice-modes>div.is-salaried{
  border-color:#cce0d7;
  background:#f7fbf9;
}

.mep-public-advice-modes>div.is-independent{
  border-color:#d2daf4;
  background:#f7f9ff;
}

.mep-public-advice-modes>div.is-mixed{
  background:linear-gradient(105deg,#f7fbf9,#f8f9ff);
}

.mep-public-advice-modes>div>span{
  flex:0 0 auto;
  font-size:16px;
}

.mep-public-advice-modes p,
.mep-public-advice-modes strong,
.mep-public-advice-modes small{
  display:block;
  margin:0;
}

.mep-public-advice-modes strong{
  color:#3d5048;
  font-size:.68rem;
}

.mep-public-advice-modes small{
  margin-top:2px;
  color:#7d8984;
  font-size:.56rem;
  line-height:1.35;
}

/* Dossier objective cards can now contain six themes without becoming bulky. */
.mep-objectifs-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.mep-objectifs-grid .mep-objectif-card{
  min-height:82px;
}

/* FAQ first questions now introduce the product architecture. */
.faq-page .faq-list .faq-item:first-child{
  border-color:#c9ddd4;
  background:#f8fbfa;
}

/* Employment directory explicitly stays inside the salaried universe. */
.employment-directory-hero .home-eyebrow{
  color:#1f6d59;
}

/* Public footer can safely accept one extra resource link. */
.mep-footer-final__column a{
  line-height:1.35;
}

@media(max-width:900px){
  .mep-public-tool-modes{
    grid-template-columns:1fr;
  }

  .mep-public-advice-modes{
    grid-template-columns:1fr;
  }

  .mep-objectifs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .mep-public-tool-modes article{
    grid-template-columns:38px minmax(0,1fr);
  }

  .mep-public-tool-modes article>a{
    grid-column:1/-1;
    width:100%;
    box-sizing:border-box;
  }

  .mep-public-tool-mode-icon{
    width:38px;
    height:38px;
  }

  .mep-objectifs-grid{
    grid-template-columns:1fr!important;
  }
}