/* ==========================================================================
   ETHNOS R250 — 1366x768 UNIQUEMENT — CENTRAL HAUT
   Cause confirmée par console :
   .r180Trajectory = 472.6px de large, left:-20px réellement appliqué.
   Correction :
   - garder le décalage gauche ;
   - élargir de 20px pour gagner de la place sans repousser le bord droit ;
   - aérer les 4 paliers sans rogner "MEMBRES" ;
   - conserver l'axe cible / encoche.
   ========================================================================== */

html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180Trajectory,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180Trajectory{
  position:relative !important;
  left:-20px !important;
  width:calc(100% + 20px) !important;
  max-width:none !important;
  transform:none !important;
  overflow:visible !important;
}

/* 4 colonnes égales avec respiration équilibrée.
   12px laisse davantage de largeur utile à chaque palier que les 20px de R249. */
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:12px !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" : conserver une ligne propre.
   Espace réduit à 6px pour libérer le dernier libellé sans recoller la cible. */
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:6px !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;
}

/* Encoche alignée sous sa cible : même colonne d'axe 22px. */
html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneReward,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneReward{
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  column-gap:6px !important;
  align-items:start !important;
}

html[data-ethnos-r234-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneReward > b,
html[data-ethnos-format-1366="1"][data-ethnos-ui="discord-r111"]
body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneReward > b{
  justify-self:center !important;
  left:0 !important;
}

/* Fallback viewport exact. */
@media (width:1366px) and (height:768px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    left:-20px !important;
    width:calc(100% + 20px) !important;
    max-width:none !important;
    transform:none !important;
    overflow:visible !important;
  }

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

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget{
    gap:6px !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps .r180MilestoneReward{
    grid-template-columns:22px minmax(0,1fr) !important;
    column-gap:6px !important;
  }
}
