/* ==========================================================================
   ETHNOS R249 — 1366x768 UNIQUEMENT — CENTRAL HAUT
   Correction ciblée d'après capture utilisateur :
   - le mot "membres" du dernier palier est rogné à droite ;
   - déplacer réellement tout le bloc trajectoire 10 px plus à gauche
     par rapport à la position R234 (-10px => -20px finale) ;
   - aérer horizontalement les 4 paliers ;
   - préserver strictement l'axe cible / encoche.
   ========================================================================== */

/* Sélecteur volontairement plus spécifique que R234/R247/R248.
   Valeur finale : -20px, sans cumul de transform. */
html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180Trajectory{
  position:relative !important;
  left:-20px !important;
  transform:none !important;
}

/* Même sécurité avec le marqueur historique 1366. */
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180Trajectory{
  position:relative !important;
  left:-20px !important;
  transform:none !important;
}

/* Rangée des 4 paliers :
   - colonnes égales ;
   - espace équilibré ;
   - aucun rognage du dernier libellé. */
html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:20px !important;
  row-gap:0 !important;
  width:100% !important;
  overflow:visible !important;
  align-items:start !important;
}

html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps > li,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps > li{
  min-width:0 !important;
  overflow:visible !important;
}

/* Cible + chiffre + "membres" restent sur le même axe.
   On conserve le rond 22px et 10px d'écart cible/chiffre. */
html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180MilestoneTarget,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180MilestoneTarget{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180MilestoneTarget > i,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180MilestoneTarget > i{
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  margin:0 !important;
}

/* L'encoche reste alignée sous sa propre cible : aucun déplacement individuel. */
html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180MilestoneReward,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180MilestoneReward{
  position:relative !important;
  left:0 !important;
}

/* Fallback exact viewport, avec la même spécificité fonctionnelle. */
@media (width:1366px) and (height:768px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    position:relative !important;
    left:-20px !important;
    transform:none !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:20px !important;
    row-gap:0 !important;
    width:100% !important;
    overflow:visible !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps > li,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget{
    overflow:visible !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    white-space:nowrap !important;
  }
}