/* ==========================================================================
   ETHNOS R248 — 1366x768 UNIQUEMENT — CENTRAL HAUT
   Correction directe après audit R247.
   Le bloc est généré dynamiquement par ethnos-body-r183.js.
   On retire la dépendance à body.isEthnosHomeView.
   ========================================================================== */

/* Sélecteurs communs 1366 : deux marqueurs réellement posés par le HTML. */
html[data-ethnos-format-1366="1"] .r180Trajectory,
html[data-ethnos-r234-1366="1"] .r180Trajectory{
  position:relative !important;
  left:-10px !important;
  transform:translateX(-10px) !important;
}

/* 4 colonnes égales = chiffres répartis régulièrement.
   Le déplacement du conteneur complet préserve cible / encoche. */
html[data-ethnos-format-1366="1"] .r180TrajectorySteps,
html[data-ethnos-r234-1366="1"] .r180TrajectorySteps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:18px !important;
  row-gap:0 !important;
  padding-top:10px !important;
  align-items:start !important;
}

html[data-ethnos-format-1366="1"] .r180TrajectorySteps > li,
html[data-ethnos-r234-1366="1"] .r180TrajectorySteps > li{
  min-width:0 !important;
  width:auto !important;
}

html[data-ethnos-format-1366="1"] .r180MilestoneTarget,
html[data-ethnos-r234-1366="1"] .r180MilestoneTarget{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

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

/* Fallback local : viewport CSS exactement 1366px.
   Même correction, sans dépendance aux marqueurs JS. */
@media (width:1366px){
  .r180Trajectory{
    position:relative !important;
    left:-10px !important;
    transform:translateX(-10px) !important;
  }

  .r180TrajectorySteps{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:18px !important;
    row-gap:0 !important;
    padding-top:10px !important;
    align-items:start !important;
  }

  .r180TrajectorySteps > li{
    min-width:0 !important;
    width:auto !important;
  }

  .r180MilestoneTarget{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  .r180MilestoneTarget > i{
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    margin:0 !important;
  }
}