/* Community v1.3.5 — approved mockup-inspired social Community.
   Deep plum rails, warm stone feed, and a near full-width desktop layout. */

html body .gmr-network-v8{
  --gmr-v135-plum:#2a1938;
  --gmr-v135-violet:#7544aa;
  --gmr-v135-stone:#f5f1f2;
  --gmr-v135-ink:#241b29;
  width:calc(100% - 12px)!important;
  max-width:1780px!important;
  margin:6px auto 0!important;
  padding:14px 16px 22px!important;
  border:1px solid #33253f!important;
  border-radius:0 0 18px 18px!important;
  background:
    radial-gradient(circle at 75% 0,rgba(114,65,151,.22),transparent 29%),
    linear-gradient(145deg,#0e0b19 0%,#171020 48%,#21132c 100%)!important;
  box-shadow:0 22px 58px rgba(13,6,20,.3)!important;
}
html body .gmr-network-v8:before,
html body .gmr-network-v8:after{display:none!important}

/* Compact internal navigation patterned after the mockups. */
html body .gmr-network-v8 .gmr-network-topbar{
  margin:0!important;
  padding:11px 17px!important;
  border:1px solid rgba(196,159,222,.14)!important;
  border-radius:14px!important;
  background:rgba(22,15,34,.9)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.gmr-network-v8 .gmr-network-topbar strong,
.gmr-network-v8 .gmr-network-topbar span,
.gmr-network-v8 .gmr-network-topbar a{color:#f5eff9!important}
.gmr-network-v8 .gmr-network-topbar nav a{
  padding:8px 11px!important;
  border-radius:9px!important;
}
.gmr-network-v8 .gmr-network-topbar nav a:hover,
.gmr-network-v8 .gmr-network-topbar nav a.is-current{
  color:#fff!important;
  background:#48275f!important;
}

/* Short, cinematic hero. The oversized Community title stays removed. */
html body .gmr-network-v8 .gmr-community-hero-v2{
  min-height:245px!important;
  margin:12px 0 0!important;
  padding:30px 38px!important;
  gap:28px!important;
  border:1px solid rgba(217,190,231,.24)!important;
  border-radius:16px!important;
  background:
    radial-gradient(ellipse at 78% 30%,rgba(191,125,222,.34),transparent 23%),
    radial-gradient(ellipse at 91% 75%,rgba(106,64,139,.4),transparent 28%),
    linear-gradient(110deg,#181020 0%,#291a31 50%,#3b2745 100%)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
}
html body .gmr-network-v8 .gmr-community-hero-v2:before{
  opacity:.12!important;
  background-size:100px 100px!important;
}
html body .gmr-network-v8 .gmr-community-hero-v2:after{
  display:block!important;
  right:-40px!important;
  bottom:-130px!important;
  width:600px!important;
  height:300px!important;
  background:radial-gradient(ellipse at center,rgba(194,132,221,.18),transparent 64%)!important;
}
.gmr-network-v8 .gmr-community-hero-v2 .gmr-kicker{
  color:#dcbcf0!important;
  font-size:14px!important;
  text-transform:none!important;
  letter-spacing:.06em!important;
}
html body .gmr-network-v8 .gmr-community-hero-v2 .gmr-network-hero-copy>p{
  max-width:660px!important;
  margin:10px 0 0!important;
  color:#faf6fc!important;
  font-size:18px!important;
  line-height:1.62!important;
}
.gmr-network-v8 .gmr-hero-actions{margin-top:18px!important}
.gmr-network-v8 .gmr-hero-actions .gmr-primary-action{
  color:#fff!important;
  background:linear-gradient(135deg,#65319b,#8b51c3)!important;
  box-shadow:0 9px 22px rgba(40,10,62,.34)!important;
}
.gmr-network-v8 .gmr-hero-actions .gmr-hero-secondary{
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(12,8,18,.34)!important;
}
.gmr-network-v8 .gmr-hero-status span{
  color:#eee2f4!important;
  background:rgba(11,7,18,.42)!important;
}
html body .gmr-network-v8 .gmr-community-hero-v2 .gmr-network-stats{
  grid-template-columns:repeat(2,minmax(118px,1fr))!important;
  gap:10px!important;
}
html body .gmr-network-v8 .gmr-community-hero-v2 .gmr-network-stats span{
  min-height:88px!important;
  padding:13px 15px!important;
  border-radius:13px!important;
  background:rgba(16,10,25,.38)!important;
}
html body .gmr-network-v8 .gmr-community-hero-v2 .gmr-network-stats strong{
  font-size:25px!important;
}

/* Give the Campfire visual priority without squeezing either rail. */
html body .gmr-network-v8 .gmr-app-grid{
  grid-template-columns:minmax(260px,292px) minmax(680px,1fr) minmax(280px,318px)!important;
  gap:18px!important;
  margin-top:16px!important;
}

/* Deep supporting rails — no white or lavender sidebar boxes. */
html body .gmr-network-v8 .gmr-left-rail .gmr-profile-card,
html body .gmr-network-v8 .gmr-left-rail .gmr-side-card,
html body .gmr-network-v8 .gmr-right-rail .gmr-side-card{
  margin-bottom:13px!important;
  padding:18px!important;
  color:#eee7f2!important;
  border:1px solid #453252!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(125,75,158,.14),transparent 36%),
    linear-gradient(145deg,#1a1224,#24172f)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.2)!important;
}
.gmr-network-v8 .gmr-left-rail .gmr-profile-card h3,
.gmr-network-v8 .gmr-left-rail .gmr-side-card h3,
.gmr-network-v8 .gmr-right-rail .gmr-side-card h3,
.gmr-network-v8 .gmr-left-rail .gmr-side-card strong,
.gmr-network-v8 .gmr-right-rail .gmr-side-card strong,
.gmr-network-v8 .gmr-left-rail .gmr-side-card b,
.gmr-network-v8 .gmr-right-rail .gmr-side-card b{color:#fff!important}
.gmr-network-v8 .gmr-left-rail .gmr-profile-card p,
.gmr-network-v8 .gmr-left-rail .gmr-profile-card span,
.gmr-network-v8 .gmr-left-rail .gmr-side-card p,
.gmr-network-v8 .gmr-left-rail .gmr-side-card li,
.gmr-network-v8 .gmr-left-rail .gmr-side-card small,
.gmr-network-v8 .gmr-right-rail .gmr-side-card p,
.gmr-network-v8 .gmr-right-rail .gmr-side-card li,
.gmr-network-v8 .gmr-right-rail .gmr-side-card small,
.gmr-network-v8 .gmr-right-rail .gmr-side-card span{color:#cfc2d5!important}
.gmr-network-v8 .gmr-left-rail .gmr-side-card a,
.gmr-network-v8 .gmr-right-rail .gmr-side-card a{color:#d9b9ef!important}
.gmr-network-v8 .gmr-left-rail .gmr-side-card a:hover,
.gmr-network-v8 .gmr-right-rail .gmr-side-card a:hover{
  color:#fff!important;
  background:rgba(154,95,194,.14)!important;
}
.gmr-network-v8 .gmr-profile-cover{
  margin-left:-18px!important;
  margin-right:-18px!important;
  background:linear-gradient(135deg,#332043,#69418a)!important;
}
.gmr-network-v8 .gmr-profile-avatar img{border-color:#21142c!important}
.gmr-network-v8 .gmr-rank{
  color:#f3e9f9!important;
  background:#5b3476!important;
}
.gmr-network-v8 .gmr-side-progress{background:#3a2945!important}
.gmr-network-v8 .gmr-side-progress i{
  background:linear-gradient(90deg,#8c55bb,#c18ae1)!important;
}
.gmr-network-v8 .gmr-left-rail .gmr-progress-mini span{
  color:#cfc2d5!important;
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.055)!important;
}
.gmr-network-v8 .gmr-side-action,
.gmr-network-v8 .gmr-rail-button{
  color:#fff!important;
  background:#563174!important;
}

/* Warm, readable center feed — softly tinted rather than stark white. */
html body .gmr-network-v8 .gmr-center-feed{
  padding:14px!important;
  border:1px solid #49374f!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#d8ced5 0%,#cbbfc9 100%)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.2)!important;
}
html body .gmr-network-v8 .gmr-center-feed .gmr-community-pulse{
  margin-bottom:12px!important;
  color:#5d4c61!important;
  border-color:#c7bac4!important;
  background:rgba(250,247,248,.74)!important;
  box-shadow:none!important;
}
html body .gmr-network-v8 .gmr-center-feed .gmr-composer,
html body .gmr-network-v8 .gmr-center-feed .gmr-feed-post,
html body .gmr-network-v8 .gmr-center-feed .gmr-stories,
html body .gmr-network-v8 .gmr-center-feed .gmr-empty{
  padding:20px!important;
  color:var(--gmr-v135-ink)!important;
  border:1px solid #c9bdc5!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#fbf9f9,#f1edef)!important;
  box-shadow:0 6px 16px rgba(45,31,48,.1)!important;
}
.gmr-network-v8 .gmr-center-feed .gmr-feed-post:hover{
  transform:none!important;
  border-color:#aa98aa!important;
  box-shadow:0 9px 22px rgba(45,31,48,.13)!important;
}
html body .gmr-network-v8 .gmr-feed-title{
  margin:16px 2px 12px!important;
  padding:0 2px 10px!important;
  border-bottom-color:rgba(255,255,255,.28)!important;
}
html body .gmr-network-v8 .gmr-feed-title h2,
html body .gmr-network-v8 .gmr-feed-title p,
html body .gmr-network-v8 .gmr-feed-title .gmr-kicker,
html body .gmr-network-v8 .gmr-feed-title>a{color:#fff!important}
.gmr-network-v8 .gmr-feed-title h2:after{
  background:linear-gradient(90deg,#a46dd0,#d8b2ec)!important;
}
.gmr-network-v8 .gmr-post-content,
.gmr-network-v8 .gmr-comments,
.gmr-network-v8 .gmr-comment p{color:#433747!important}
.gmr-network-v8 .gmr-reactions button{
  color:#4f3c59!important;
  border-color:#d5cbd2!important;
  background:#eee8ec!important;
}
.gmr-network-v8 .gmr-reactions button:hover,
.gmr-network-v8 .gmr-reactions button.active{
  color:#fff!important;
  border-color:#75469a!important;
  background:#75469a!important;
}
.gmr-network-v8 .gmr-comment-form input{
  color:#302535!important;
  border-color:#cfc4cc!important;
  background:#fff!important;
}

/* Keep special rail cards dark and remove stray yellow surfaces. */
html body .gmr-network-v8 .gmr-right-rail .gmr-weather-card,
html body .gmr-network-v8 .gmr-right-rail .gmr-crystal-day,
html body .gmr-network-v8 .gmr-right-rail .gmr-arcade-spotlight{
  border-color:#5b3d6b!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(180,114,215,.2),transparent 34%),
    linear-gradient(145deg,#24132f,#4b2861)!important;
}
html body .gmr-network-v8 .gmr-right-rail .gmr-weather-tip{
  color:#f5ecf8!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.1)!important;
}

@media(max-width:1480px){
  html body .gmr-network-v8 .gmr-app-grid{
    grid-template-columns:minmax(245px,270px) minmax(590px,1fr) minmax(260px,290px)!important;
    gap:15px!important;
  }
}
@media(max-width:1240px){
  html body .gmr-network-v8 .gmr-app-grid{
    grid-template-columns:250px minmax(0,1fr)!important;
  }
  html body .gmr-network-v8 .gmr-right-rail{grid-column:1/-1!important}
}
@media(max-width:900px){
  html body .gmr-network-v8{
    width:100%!important;
    margin-top:0!important;
    padding:10px!important;
    border-radius:0!important;
  }
  html body .gmr-network-v8 .gmr-app-grid{grid-template-columns:1fr!important}
  html body .gmr-network-v8 .gmr-center-feed{padding:10px!important}
}
@media(max-width:620px){
  html body .gmr-network-v8 .gmr-community-hero-v2{
    min-height:0!important;
    padding:23px 18px!important;
  }
  html body .gmr-network-v8 .gmr-community-hero-v2 .gmr-network-stats{
    grid-template-columns:repeat(2,1fr)!important;
  }
}