/* Shared translucent surface for navigational and discovery panels. */
body.home .home-right>.home-panel,
body.communities-v2 .community-result,
body.community-detail-v2 .community-identity,
body.explore-v2 .explore-community-card,
body.home-feed-page .community-discovery-card,
body.chat-workspace-layout .chat-side-panel{
  border:1px solid rgba(225,234,247,.14);
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 42%,transparent 72%),
    linear-gradient(145deg,rgba(38,44,55,.60),rgba(16,20,28,.44) 64%,rgba(29,23,25,.40));
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.11);
  -webkit-backdrop-filter:blur(22px) saturate(1.32);
  backdrop-filter:blur(22px) saturate(1.32);
}

body.home .home-right>.home-panel{padding:12px}
body.communities-v2 .community-discovery-list{gap:10px}
body.communities-v2 .community-result{padding:16px;border-radius:16px}

body.communities-v2 .community-result:hover,
body.explore-v2 .explore-community-card:hover,
body.home-feed-page .community-discovery-card:hover,
body.chat-workspace-layout .chat-side-panel:hover{
  border-color:rgba(255,160,135,.34);
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.016) 42%,transparent 72%),
    linear-gradient(145deg,rgba(48,43,49,.66),rgba(19,22,31,.48) 64%,rgba(37,25,27,.44));
}

@media(max-width:880px){
  body.home .home-right>.home-panel,
  body.communities-v2 .community-result,
  body.community-detail-v2 .community-identity,
  body.explore-v2 .explore-community-card,
  body.home-feed-page .community-discovery-card,
  body.chat-workspace-layout .chat-side-panel{
    -webkit-backdrop-filter:blur(14px) saturate(1.2);
    backdrop-filter:blur(14px) saturate(1.2);
  }
}

@media(prefers-reduced-transparency:reduce){
  body.home .home-right>.home-panel,
  body.communities-v2 .community-result,
  body.community-detail-v2 .community-identity,
  body.explore-v2 .explore-community-card,
  body.home-feed-page .community-discovery-card,
  body.chat-workspace-layout .chat-side-panel{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:linear-gradient(145deg,#19202b,#111720);
  }
}