/* ========================================================================== */
/* ETHNOS R198 — recomposition franche du bloc principal                     */
/* Base stricte : R197.                                                       */
/*                                                                            */
/* Verrous : dimensions extérieures, textes, familles typographiques, cibles */
/* et cases vertes inchangés.                                                 */
/* ========================================================================== */

@media (min-width:901px){
  /* Le bloc conserve sa géométrie R197, mais reçoit une vraie grille interne. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    display:grid !important;
    grid-template-columns:minmax(360px,43fr) minmax(0,57fr) !important;
    grid-template-rows:minmax(0,1fr) clamp(48px,5.4vh,62px) !important;
    column-gap:clamp(34px,2.45vw,54px) !important;
    row-gap:0 !important;
    align-items:stretch !important;
  }

  /* Colonne identité : un seul ensemble éditorial, réellement centré. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy{
    grid-column:1 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:center !important;
    align-items:start !important;
    justify-items:start !important;
    row-gap:clamp(9px,1.05vh,15px) !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:clamp(4px,.55vh,8px) clamp(24px,1.85vw,38px) clamp(4px,.55vh,8px) 0 !important;
    border-right:1px solid rgba(190,226,231,.16) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeEyebrow{
    margin:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero .r180HomeHeroCopy h1{
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(42px,2.75vw,56px) !important;
    line-height:.99 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomePromise{
    max-width:96% !important;
    margin:0 !important;
    font-size:clamp(20px,1.35vw,27px) !important;
    line-height:1.18 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeIntro{
    max-width:95% !important;
    margin:0 !important;
    font-size:clamp(13px,.86vw,17px) !important;
    line-height:1.34 !important;
  }

  /* Colonne trajectoire : quatre bandes lisibles et alignées. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto auto auto !important;
    align-content:center !important;
    align-items:start !important;
    row-gap:clamp(9px,1.05vh,15px) !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:clamp(4px,.55vh,8px) 0 !important;
    border:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryEyebrow{
    grid-row:1 !important;
    margin:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersLine{
    grid-row:2 !important;
    display:grid !important;
    grid-template-columns:clamp(118px,7.4vw,148px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:clamp(20px,1.55vw,32px) !important;
    width:100% !important;
    margin:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryHead{
    grid-row:3 !important;
    width:100% !important;
    margin:0 !important;
    padding:clamp(2px,.3vh,5px) 0 clamp(2px,.3vh,5px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto{
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(20px,1.25vw,25px) !important;
    line-height:1.19 !important;
  }

  /* Les quatre paliers constituent un vrai bandeau inférieur. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    grid-row:4 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:start !important;
    align-self:start !important;
    gap:clamp(14px,1vw,22px) !important;
    width:100% !important;
    margin:0 !important;
    padding-top:clamp(7px,.85vh,12px) !important;
    border-top:1px solid rgba(190,226,231,.13) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps > li{
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget{
    margin:0 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget strong{
    font-size:clamp(23px,1.45vw,30px) !important;
    line-height:1 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward{
    margin-top:clamp(7px,.75vh,10px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward span{
    font-size:clamp(10px,.65vw,13px) !important;
    line-height:1.2 !important;
  }

  /* Devise : pied commun, centré sur les deux axes et non flottant. */
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    position:relative !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    place-self:stretch !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border-top:1px solid rgba(190,226,231,.16) !important;
    background:linear-gradient(180deg,rgba(2,20,31,0),rgba(2,20,31,.16)) !important;
  }

  /* Streaming : titre et état sur une seule ligne, texte conservé dessous. */
  html body .r185MetricStreaming{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-content:end !important;
    align-items:baseline !important;
    column-gap:clamp(7px,.55vw,11px) !important;
    row-gap:5px !important;
  }
  html body .r185MetricStreaming > span{
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
  html body .r185MetricStreaming > strong{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
    font-size:clamp(9px,.62vw,12px) !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
  }
  html body .r185MetricStreaming > p{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    margin:0 !important;
    white-space:normal !important;
  }
}

/* Intermédiaires : même composition, sans que les anciennes règles bas écran */
/* ne neutralisent à nouveau l’harmonisation.                                  */
@media (min-width:901px) and (max-width:1600px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    grid-template-columns:minmax(320px,41.5fr) minmax(0,58.5fr) !important;
    column-gap:clamp(24px,1.75vw,34px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero .r180HomeHeroCopy h1{
    font-size:clamp(34px,2.55vw,44px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomePromise{
    font-size:clamp(17px,1.24vw,21px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeIntro{
    font-size:clamp(10.5px,.76vw,13px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto{
    font-size:clamp(16px,1.08vw,19px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget strong{
    font-size:clamp(19px,1.35vw,24px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward span{
    font-size:clamp(8.5px,.61vw,10.5px) !important;
  }
}

@media (min-width:901px) and (max-height:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    grid-template-rows:minmax(0,1fr) 38px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy,
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Trajectory{
    padding-top:0 !important;
    padding-bottom:0 !important;
    row-gap:6px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero .r180HomeHeroCopy h1{
    font-size:clamp(32px,2.35vw,40px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomePromise{
    font-size:clamp(16px,1.15vw,19px) !important;
    line-height:1.14 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeIntro{
    font-size:clamp(10px,.7vw,12px) !important;
    line-height:1.25 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MembersLine{
    grid-template-columns:105px minmax(0,1fr) !important;
    gap:16px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryManifesto{
    font-size:clamp(14px,.98vw,17px) !important;
    line-height:1.14 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectorySteps{
    gap:8px !important;
    padding-top:6px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneTarget strong{
    font-size:clamp(18px,1.28vw,22px) !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward{
    margin-top:5px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MilestoneReward span{
    font-size:clamp(8px,.56vw,9.5px) !important;
    line-height:1.13 !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180TrajectoryFoot{
    font-size:clamp(13px,.9vw,17px) !important;
  }
}

@media (max-width:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHeroCopy{
    border-right:0 !important;
  }
  html body .r185MetricStreaming{
    display:flex !important;
  }
}

/* Cartes compactes : maintenir les deux libellés sur la même ligne. */
@media (min-width:901px) and (max-height:820px){
  html body .r185MetricStreaming{
    column-gap:5px !important;
  }
  html body .r185MetricStreaming > span,
  html body .r185MetricStreaming > strong{
    font-size:8px !important;
    letter-spacing:.015em !important;
  }
  html body .r185MetricStreaming > p{
    font-size:8px !important;
    line-height:1.1 !important;
  }
}