/* ========================================================================== */
/* ETHNOS R551 — profil compact structurel + Univers des créateurs modernisé  */
/* Base figée : R550.                                                         */
/* Périmètre : (1) profil compact connecté, (2) vue Univers des créateurs.    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. PROFIL COMPACT — géométrie réelle, sans décalage arbitraire.            */
/* -------------------------------------------------------------------------- */
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded){
  container-type:inline-size;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberIdentity{
  display:grid !important;
  grid-template-columns:clamp(44px,13cqi,66px) minmax(0,1fr) !important;
  align-items:center !important;
  gap:clamp(8px,2.6cqi,13px) !important;
  width:100% !important;
  min-width:0 !important;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberIdentityText{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberIdentityText > h2[data-member-name]{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-auto-flow:row !important;
  justify-items:start !important;
  align-items:center !important;
  gap:3px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  white-space:normal !important;
  line-height:1.05 !important;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .r551MemberNameText{
  display:block !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberIdentityText > h2[data-member-name] > .r484OfficialBadge{
  justify-self:start !important;
  margin:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
}

/* L'e-mail ne doit jamais cisailler les descendantes (g, p, q, y). */
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberProfileMetaRow{
  width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberProfileMetaRow > p[data-member-email]{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:5px 0 0 !important;
  padding:0 0 2px !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:clamp(8px,3.2cqi,13px) !important;
}
html.ethnosConnectedUnified .memberProfileCompact:not(.isExpanded) .memberProfileMetaRow > .r484OfficialLabel{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin-top:8px !important;
  white-space:normal !important;
  overflow:visible !important;
  line-height:1.24 !important;
}

/* -------------------------------------------------------------------------- */
/* 2. UNIVERS DES CRÉATEURS — plein cadre + navigation type hub communautaire. */
/* -------------------------------------------------------------------------- */
html.ethnosConnectedUnified .memberWorkspace.hasBodyView[data-body-view="houses"]{
  padding:0 !important;
  border-radius:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#f4efe8 !important;
}
html.ethnosConnectedUnified .memberWorkspace.hasBodyView[data-body-view="houses"] > .bodyView-houses.r551UniverseHub{
  width:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f4efe8 !important;
}

/* Hero bord à bord : texte à gauche, triptyque photo à droite. */
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero{
  position:relative !important;
  isolation:isolate;
  display:grid !important;
  grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  min-height:clamp(250px,23vw,360px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#062231 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(3,22,31,.96) 0%,rgba(3,22,31,.87) 30%,rgba(3,22,31,.28) 58%,rgba(3,22,31,.08) 100%) !important;
}
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero::after{display:none !important;}
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero > div:first-child{
  position:relative !important;
  z-index:4 !important;
  align-self:center !important;
  max-width:none !important;
  padding:clamp(26px,3vw,54px) clamp(24px,3.2vw,60px) !important;
}
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero > div:first-child > span{
  color:#40d0cf !important;
  font-size:clamp(9px,.62vw,12px) !important;
  font-weight:850 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero h1{
  max-width:620px !important;
  margin:10px 0 10px !important;
  color:#fff7ee !important;
  font-family:var(--font-title,Georgia,serif) !important;
  font-size:clamp(38px,3.15vw,64px) !important;
  font-weight:400 !important;
  line-height:.96 !important;
  letter-spacing:-.035em !important;
}
html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero p{
  max-width:610px !important;
  margin:0 !important;
  color:#cad7d9 !important;
  font-size:clamp(12px,.78vw,15px) !important;
  line-height:1.5 !important;
}

.r551UniverseHeroAside{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:100%;
}
.r551UniversePhotoMosaic{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1.02fr .82fr .82fr;
  gap:3px;
  background:#041721;
}
.r551UniversePhotoMosaic figure{margin:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.93) contrast(1.04)}
.r551UniversePhotoMosaic .isRing{background-image:url('../assets/images/r551-creators/creator-ring-light.jpg');background-position:center 38%}
.r551UniversePhotoMosaic .isStudio{background-image:url('../assets/images/r551-creators/creator-studio.jpg');background-position:center 49%}
.r551UniversePhotoMosaic .isNeon{background-image:url('../assets/images/r551-creators/creator-neon.jpg');background-position:center 44%}

html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools{
  position:absolute !important;
  z-index:5 !important;
  left:clamp(16px,2vw,34px) !important;
  right:clamp(16px,2vw,34px) !important;
  bottom:clamp(16px,1.7vw,28px) !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:10px !important;
  min-width:0 !important;
  width:auto !important;
  padding:9px !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:13px !important;
  background:rgba(3,22,31,.82) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools .bodyHeaderMark{
  min-width:88px !important;
  padding:0 12px !important;
  color:#a9c1c7 !important;
  font-size:10px !important;
  line-height:1.12 !important;
  text-align:center !important;
}
html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools .bodyHeaderMark span{color:#fff !important;font-size:18px !important;font-weight:850 !important}
html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools .bodyHeaderMark strong{color:#ff9b61 !important;font-size:10px !important}
html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools form{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important}
html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools input{
  height:42px !important;
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(4,26,38,.91) !important;
  color:#eff6f6 !important;
}

/* Corps Reddit/Discord : rail de découverte + flux de communautés. */
html body .bodyView-houses.r551UniverseHub > .bodyViewContent{
  margin:0 !important;
  padding:0 !important;
  background:#f4efe8 !important;
}
.r551UniverseLayout{
  display:grid;
  grid-template-columns:clamp(210px,17vw,285px) minmax(0,1fr);
  min-height:calc(100vh - 310px);
  background:#f4efe8;
}
.r551UniverseRail{
  position:relative;
  padding:clamp(22px,2vw,34px) clamp(16px,1.5vw,24px);
  border-right:1px solid rgba(7,26,57,.12);
  background:linear-gradient(180deg,#071f2d 0%,#061822 100%);
  color:#eaf0ef;
}
.r551UniverseRailHead>span{color:#46d0cf;font-size:9px;font-weight:850;letter-spacing:.16em}
.r551UniverseRailHead h2{margin:9px 0 9px;color:#fff7ee;font-family:var(--font-title,Georgia,serif);font-size:clamp(25px,1.8vw,34px);font-weight:400;line-height:1.02}
.r551UniverseRailHead p{margin:0;color:#9eb2b7;font-size:clamp(10px,.68vw,12px);line-height:1.5}
.r551UniverseRailNav{display:grid;gap:7px;margin-top:22px}
.r551UniverseRailNav a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035);color:#dfe9e9;text-decoration:none;font-size:11px;font-weight:750}
.r551UniverseRailNav a:hover{border-color:rgba(64,208,207,.34);background:rgba(64,208,207,.08)}
.r551UniverseRailNav b{color:#f08b50;font-size:10px}
.r551UniverseRailPhoto{height:clamp(160px,16vw,245px);margin:20px 0 0;border-radius:14px;background:url('../assets/images/r551-creators/creator-neon.jpg') center 42%/cover no-repeat;box-shadow:inset 0 -70px 70px rgba(3,22,31,.48)}
.r551UniverseRailNote{margin:13px 0 0;padding:12px;border-left:2px solid #ef8b55;color:#9eb2b7;font-size:10px;line-height:1.5}
.r551UniverseRailNote strong{color:#fff1e7;font-size:11px}

.r551UniverseFeed{min-width:0;background:#f7f3ed}
html body .r551UniverseFeed .r492UniverseSection.r493UniverseSection{
  margin:0 !important;
  padding:clamp(24px,2.2vw,38px) clamp(20px,2.2vw,40px) clamp(30px,2.6vw,46px) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  scroll-margin-top:12px;
}
html body .r551UniverseFeed .r493UniverseSection.isPopular{
  background:linear-gradient(180deg,#fffdf9 0%,#f6ecdf 100%) !important;
  color:#071a39 !important;
}
html body .r551UniverseFeed .r493UniverseSection.isNewest{
  border-top:1px solid rgba(7,26,57,.10) !important;
  background:linear-gradient(180deg,#eaf5f4 0%,#f7f3ed 100%) !important;
  color:#071a39 !important;
}
html body .r551UniverseFeed .r493UniverseSection.isNewest>header span{color:#068b91 !important}
html body .r551UniverseFeed .r493UniverseSection.isNewest>header h2{color:#071a39 !important}
html body .r551UniverseFeed .r493UniverseSection.isNewest>header p,
html body .r551UniverseFeed .r493UniverseSection.isNewest>header>strong{color:#5d7078 !important}
html body .r551UniverseFeed .r492UniverseSection>header{align-items:flex-start !important;margin-bottom:16px !important}
html body .r551UniverseFeed .r492UniverseSection>header h2{font-size:clamp(27px,2vw,39px) !important;letter-spacing:-.025em !important}
html body .r551UniverseFeed .r492UniverseSection>header p{font-size:clamp(11px,.72vw,13px) !important}

html body .r551UniverseFeed .r492UniverseFilters{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-bottom:14px !important;
}
html body .r551UniverseFeed .r492UniverseFilters select{
  height:38px !important;
  border-radius:10px !important;
}
html body .r551UniverseFeed .r493UniverseSection.isNewest .r492UniverseFilters label>span{color:#60757b !important}
html body .r551UniverseFeed .r493UniverseSection.isNewest .r492UniverseFilters select{border-color:#cbd9d6 !important;background:#fffdf9 !important;color:#071a39 !important}

/* Cartes compactes, lisibles comme une liste de communautés. */
html body .r551UniverseFeed .r492UniverseStrip{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  min-height:0 !important;
  overflow:visible !important;
  padding:0 !important;
  scroll-snap-type:none !important;
}
html body .r551UniverseFeed .r492UniverseCard.r551UniverseCard{
  display:grid !important;
  grid-template-columns:112px minmax(0,1fr) !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(7,26,57,.13) !important;
  border-radius:13px !important;
  background:#fffdf9 !important;
  box-shadow:0 5px 14px rgba(7,26,57,.07) !important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease !important;
}
html body .r551UniverseFeed .r492UniverseCard.r551UniverseCard:hover{transform:translateY(-2px);border-color:rgba(239,139,85,.38) !important;box-shadow:0 10px 22px rgba(7,26,57,.11) !important}
html body .r551UniverseFeed .r551UniverseCardVisual{
  width:112px !important;
  height:100% !important;
  min-height:188px !important;
  background-position:center !important;
  background-size:cover !important;
}
html body .r551UniverseFeed .r551UniverseCardBody{padding:13px 14px !important;min-width:0 !important}
html body .r551UniverseFeed .r551UniverseCardBody header{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:9px !important;
  align-items:center !important;
  margin:0 !important;
}
html body .r551UniverseFeed .r551UniverseCardBody .r492UniverseLogo{width:42px !important;height:42px !important;border-radius:11px !important;border-color:#fff !important;box-shadow:0 2px 8px rgba(7,26,57,.13) !important}
html body .r551UniverseFeed .r551UniverseCardBody header small{color:#b65e30 !important;font-size:8px !important;font-weight:800 !important}
html body .r551UniverseFeed .r551UniverseCardBody h3{margin-top:2px !important;color:#071a39 !important;font-size:clamp(18px,1.12vw,23px) !important;font-weight:500 !important}
html body .r551UniverseFeed .r551UniverseCardBody header p{color:#6f7d83 !important;font-size:9px !important}
html body .r551UniverseFeed .r551UniverseCardBody .r492UniverseDescription{min-height:0 !important;margin:9px 0 8px !important;color:#53636a !important;font-size:clamp(10px,.68vw,12px) !important;line-height:1.42 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .r551UniverseFeed .r551UniverseCardBody .r492UniverseThemes{gap:4px !important}
html body .r551UniverseFeed .r551UniverseCardBody .r492UniverseThemes span{padding:3px 6px !important;border-color:#d8dfda !important;background:#f3f6f3 !important;color:#65767b !important;font-size:8px !important}
html body .r551UniverseFeed .r551UniverseCardBody footer{margin-top:9px !important;padding-top:9px !important;border-top-color:#e4ded4 !important}
html body .r551UniverseFeed .r551UniverseCardBody footer>span{color:#69767a !important;font-size:9px !important}
html body .r551UniverseFeed .r551UniverseCardBody footer>span b{color:#071a39 !important}
html body .r551UniverseFeed .r493UniverseAction{min-width:92px !important;height:34px !important;padding:0 10px !important;font-size:10px !important}
html body .r551UniverseFeed .r492UniverseLoading,
html body .r551UniverseFeed .r492UniverseEmpty{min-height:160px !important;color:#61717a !important}

@media (max-width:1707px){
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero{grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr) !important;min-height:270px !important}
  .r551UniverseLayout{grid-template-columns:220px minmax(0,1fr)}
  html body .r551UniverseFeed .r492UniverseStrip{grid-template-columns:1fr !important}
}
@media (max-width:1366px){
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr) !important;min-height:250px !important}
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero > div:first-child{padding:24px 28px !important}
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero h1{font-size:38px !important}
  .r551UniversePhotoMosaic{grid-template-columns:1fr 1fr}
  .r551UniversePhotoMosaic .isStudio{display:none}
  .r551UniverseLayout{grid-template-columns:190px minmax(0,1fr)}
  .r551UniverseRail{padding:20px 14px}
  .r551UniverseRailPhoto{height:150px}
}
@media (max-width:1100px){
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero{grid-template-columns:1fr !important;min-height:300px !important}
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero > div:first-child{z-index:5 !important;max-width:68% !important}
  .r551UniverseHeroAside{position:absolute;inset:0}
  .r551UniversePhotoMosaic{left:42%;grid-template-columns:1fr 1fr}
  html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools{left:44% !important}
  .r551UniverseLayout{grid-template-columns:1fr}
  .r551UniverseRail{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-right:0;border-bottom:1px solid rgba(7,26,57,.12);padding:16px 20px}
  .r551UniverseRailHead p,.r551UniverseRailPhoto,.r551UniverseRailNote{display:none}
  .r551UniverseRailHead h2{margin:4px 0 0;font-size:24px}
  .r551UniverseRailNav{display:flex;margin:0}
  .r551UniverseRailNav a{min-width:150px}
}
@media (max-width:760px){
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero{min-height:360px !important}
  html body .bodyView-houses.r551UniverseHub .bodyViewHeader.r551UniverseHero > div:first-child{max-width:100% !important;padding:24px 20px 132px !important}
  .r551UniverseHeroAside{inset:auto 0 0 0;height:138px}
  .r551UniversePhotoMosaic{left:0;grid-template-columns:repeat(3,1fr)}
  .r551UniversePhotoMosaic .isStudio{display:block}
  html body .bodyView-houses.r551UniverseHub .r493UniverseHeaderTools{left:10px !important;right:10px !important;bottom:10px !important}
  .r551UniverseRail{grid-template-columns:1fr;padding:14px 16px}
  .r551UniverseRailNav{overflow-x:auto}
  html body .r551UniverseFeed .r492UniverseFilters{grid-template-columns:1fr !important}
  html body .r551UniverseFeed .r492UniverseCard.r551UniverseCard{grid-template-columns:86px minmax(0,1fr) !important}
  html body .r551UniverseFeed .r551UniverseCardVisual{width:86px !important;min-height:180px !important}
}