/* ========================================================================== */
/* ETHNOS R178 — bloc central rectangulaire, silhouettes et trajectoire V2    */
/* Modification strictement limitée au premier bloc central.                   */
/* ========================================================================== */

html[data-ethnos-ui="discord-r111"] .memberWorkspace.hasBodyView .bodyView-homeV2{
  min-width:0;
  max-width:100%;
  padding:6px clamp(10px,1.1vw,20px) 24px !important;
  overflow:hidden;
  container-type:inline-size;
}
html[data-ethnos-ui="discord-r111"] .memberWorkspace.hasBodyView .bodyView-homeV2 .bodyViewHeader{
  display:none !important;
}
.r178HomeContent{min-width:0;max-width:100%}

/* Bloc unique, nettement plus bas et plus horizontal. */
.r178HomeHero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  align-items:center;
  gap:clamp(30px,2.5vw,54px);
  width:calc(100% - 4px);
  max-width:calc(100% - 4px);
  min-height:0;
  margin:0 4px 12px 0;
  padding:clamp(28px,2.05vw,40px) clamp(30px,2.35vw,48px);
  border:1px solid rgba(190,226,231,.20);
  border-radius:20px;
  overflow:hidden;
  background:
    linear-gradient(98deg,rgba(2,23,35,.84) 0%,rgba(3,25,37,.76) 45%,rgba(2,20,31,.88) 100%),
    url('../assets/images/dashboard-centre-orange-hd.png') center 46% / cover no-repeat;
  box-shadow:0 22px 62px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
  isolation:isolate;
}
.r178HomeHero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,18,28,.28),transparent 43%,rgba(1,17,27,.28)),
    radial-gradient(circle at 14% 18%,rgba(49,209,207,.10),transparent 28%),
    radial-gradient(circle at 91% 13%,rgba(245,138,75,.12),transparent 27%);
}
.r178HomeHeroCopy,.r178Trajectory{position:relative;z-index:1;min-width:0}
.r178HomeHeroCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0;
}
.r178HomeEyebrow,.r178TrajectoryHead>span{
  display:block;
  color:var(--r110-orange);
  font:700 clamp(7px,.48vw,9px)/1.2 var(--font-interface,"Manrope",Arial,sans-serif);
  letter-spacing:.18em;
}
.r178HomeHeroCopy h1{
  max-width:800px;
  margin:12px 0 8px;
  color:var(--r110-paper);
  font-family:var(--font-title,"Fraunces",Georgia,serif);
  font-size:clamp(38px,2.75vw,58px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.035em;
}
.r178HomePromise{
  max-width:790px;
  margin:0;
  color:#f2f0e9;
  font-family:var(--font-title,"Fraunces",Georgia,serif);
  font-size:clamp(20px,1.48vw,31px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.025em;
}
.r178HomeIntro{
  max-width:720px;
  margin:13px 0 0;
  color:#a7b9be;
  font:500 clamp(10px,.69vw,14px)/1.55 var(--font-interface,"Manrope",Arial,sans-serif);
}
.r178HomeActions{margin-top:17px}
.r178HomeActions button{min-height:40px;padding-inline:19px}

/*
  Trajectoire intégrée au même rectangle : aucun panneau dans le panneau,
  aucune succession de cartes. Une ligne, des repères et une progression.
*/
.r178Trajectory{
  align-self:center;
  padding:3px 0 2px clamp(25px,2vw,40px);
  border-left:1px solid rgba(190,226,231,.18);
}
.r178MembersLine{
  display:grid;
  grid-template-columns:auto minmax(130px,1fr);
  align-items:end;
  gap:18px;
  margin-bottom:15px;
}
.r178MembersValue{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:8px}
.r178MembersValue i{
  width:8px;height:8px;border-radius:50%;
  background:#43df9b;
  box-shadow:0 0 0 5px rgba(67,223,155,.08),0 0 20px rgba(67,223,155,.30);
}
.r178MembersValue strong{color:#fff;font-size:clamp(28px,2vw,41px);font-weight:600;line-height:.9;letter-spacing:-.025em}
.r178MembersValue span{
  grid-column:2;
  margin-top:5px;
  color:#91a9b0;
  font-size:clamp(7px,.45vw,9px);
  text-transform:uppercase;
  letter-spacing:.10em;
}
.r178ProgressBlock{min-width:0;padding-bottom:1px}
.r178ProgressMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#789099;font-size:clamp(7px,.43vw,8.5px)}
.r178ProgressMeta b{color:#d7e2df;font-weight:600}
.r178ProgressRail{height:3px;overflow:visible;border-radius:999px;background:rgba(255,255,255,.09)}
.r178ProgressRail span{
  position:relative;
  display:block;
  width:var(--r178-progress);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--r110-teal),#43df9b);
}
.r178ProgressRail span::after{
  content:"";
  position:absolute;
  right:-4px;top:50%;
  width:9px;height:9px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#43df9b;
  box-shadow:0 0 0 5px rgba(67,223,155,.08);
}
.r178TrajectoryHead h2{
  margin:7px 0 5px;
  color:#f4efe5;
  font-family:var(--font-title,"Fraunces",Georgia,serif);
  font-size:clamp(24px,1.65vw,34px);
  font-weight:400;
  line-height:1.07;
  letter-spacing:-.025em;
}
.r178TrajectoryHead p{max-width:760px;margin:0;color:#93a9b0;font-size:clamp(8px,.55vw,11px);line-height:1.45}

.r178TrajectorySteps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.25vw,23px);
  margin:20px 0 0;
  padding:0;
  list-style:none;
}
.r178TrajectorySteps::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:10px;
  height:1px;
  background:linear-gradient(90deg,var(--r110-orange),rgba(49,209,207,.78) 35%,rgba(49,209,207,.34));
}
.r178TrajectorySteps li{
  position:relative;
  min-width:0;
  padding-top:28px;
}
.r178TrajectorySteps li::before{
  content:"";
  position:absolute;
  top:5px;left:0;
  width:11px;height:11px;
  border-radius:50%;
  background:#082f3d;
  border:2px solid var(--r110-teal);
  box-shadow:0 0 0 5px rgba(49,209,207,.06);
}
.r178TrajectorySteps li.isNext::before{
  background:var(--r110-orange);
  border-color:#ffc09a;
  box-shadow:0 0 0 6px rgba(245,138,75,.10),0 0 18px rgba(245,138,75,.25);
}
.r178TrajectorySteps i{
  display:block;
  margin-bottom:5px;
  color:#6f8e97;
  font-style:normal;
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
}
.r178TrajectorySteps span{display:block;color:var(--r110-orange);font-size:7px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.r178TrajectorySteps strong{
  display:block;
  margin-top:4px;
  color:#e9efec;
  font-family:var(--font-title,"Fraunces",Georgia,serif);
  font-size:clamp(12px,.76vw,16px);
  font-weight:400;
  line-height:1.18;
}
.r178TrajectorySteps small{display:block;margin-top:4px;color:#718a93;font-size:clamp(6.5px,.42vw,8px);line-height:1.3}
.r178TrajectoryFoot{margin:13px 0 0;color:#789099;font-size:clamp(7px,.47vw,9px);line-height:1.4;text-align:left}
.r178TrajectoryFoot b{color:#b7c9c9;font-weight:600}

.bodyView-homeV2 .r111Pillars{margin-top:0}

/* Butée droite conservée : le contenu s’arrête avant Profil / Carte. */
html[data-ethnos-ui="discord-r111"] .memberWorkspace.hasBodyView .bodyView-homeV2 .r178HomeContent{
  width:calc(100% - var(--ethnos-context-width) + 18px);
  max-width:calc(100% - var(--ethnos-context-width) + 18px);
  margin-right:auto;
}

@container (max-width:1050px){
  .r178HomeHero{grid-template-columns:1fr;gap:24px;padding:25px 26px}
  .r178Trajectory{padding:22px 0 0;border-left:0;border-top:1px solid rgba(190,226,231,.18)}
  .r178HomeHeroCopy h1{font-size:clamp(35px,5.5cqw,51px)}
  .r178HomePromise{font-size:clamp(20px,3.8cqw,29px)}
}
@container (max-width:720px){
  .r178HomeHero{padding:20px;border-radius:18px}
  .r178MembersLine{grid-template-columns:1fr;gap:12px}
  .r178TrajectorySteps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .r178TrajectorySteps::before{display:none}
  .r178TrajectorySteps li{padding-top:22px}
  .r178TrajectorySteps li::before{top:1px}
  .r178HomeActions{margin-top:15px}
}
@media(max-height:900px){
  html[data-ethnos-ui="discord-r111"] .memberWorkspace.hasBodyView .bodyView-homeV2{padding-top:4px!important}
  .r178HomeHero{padding-block:24px}
  .r178HomeHeroCopy h1{margin-top:9px;font-size:clamp(34px,2.45vw,51px)}
  .r178HomePromise{font-size:clamp(19px,1.35vw,28px)}
  .r178HomeIntro{margin-top:10px;line-height:1.45}
  .r178HomeActions{margin-top:14px}
  .r178MembersLine{margin-bottom:12px}
  .r178TrajectorySteps{margin-top:15px}
  .r178TrajectorySteps small{display:none}
  .r178TrajectoryFoot{margin-top:10px}
}