/* ==========================================================
   NEW/30 MEMBER FEED
   ========================================================== */

.member-feed-heading {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 2rem;

  margin-bottom: 2rem;
}


.member-feed-heading h2 {
  margin:
    .35rem 0
    .7rem;

  font-size:
    clamp(
      2.5rem,
      6vw,
      5.8rem
    );

  line-height: .94;
}


.member-feed-live-badge {
  flex: 0 0 auto;

  display: flex;
  align-items: center;

  gap: 8px;

  padding:
    10px 14px;

  border:
    1px solid
    rgba(255, 142, 170, .18);

  border-radius:
    999px;

  color: #ffd7e0;

  font-size: .7rem;
  font-weight: 800;

  letter-spacing:
    .11em;

  background:
    rgba(255,255,255,.035);
}


.member-feed-live-badge span {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background:
    #ff174c;

  box-shadow:
    0 0 14px
    rgba(255,23,76,.8);
}


.new30-member-feed {
  width:
    min(
      860px,
      100%
    );

  margin:
    0 auto;

  display: grid;

  gap: 20px;
}


.new30-feed-post {
  --feed-accent:
    #ff426d;

  overflow: hidden;

  padding:
    clamp(
      18px,
      3vw,
      28px
    );

  border:
    1px solid
    rgba(255,142,170,.15);

  border-radius:
    24px;

  background:
    linear-gradient(
      145deg,
      rgba(31,15,23,.96),
      rgba(13,7,11,.96)
    );

  box-shadow:
    0 20px 55px
    rgba(0,0,0,.2);
}


.new30-feed-post.is-featured {
  border-color:
    var(--feed-accent);

  box-shadow:
    0 24px 65px
    rgba(0,0,0,.28),
    0 0 32px
    rgba(255,23,76,.08);
}


.new30-feed-post-header {
  display: grid;

  grid-template-columns:
    auto
    minmax(0,1fr)
    auto;

  align-items: center;

  gap: 12px;
}


.new30-feed-avatar {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border:
    1px solid
    rgba(255,142,170,.28);

  border-radius: 50%;

  color: #fff;

  font-size: .72rem;
  font-weight: 900;

  background:
    linear-gradient(
      145deg,
      #ff174c,
      #46000f
    );

  box-shadow:
    0 0 24px
    rgba(255,23,76,.16);
}


.new30-feed-author-line {
  display: flex;
  align-items: center;

  gap: 6px;
}


.new30-feed-author-line strong {
  font-size: 1rem;
}


.new30-feed-identity small {
  display: block;

  margin-top: 3px;

  color:
    rgba(255,247,249,.5);
}


.new30-feed-verified {
  width: 17px;
  height: 17px;

  display: inline-grid;
  place-items: center;

  border-radius: 50%;

  color: #080305;

  font-size: .66rem;
  font-weight: 950;

  background:
    #ff8eaa;
}


.new30-feed-type {
  padding:
    7px 10px;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--feed-accent) 40%,
      transparent
    );

  border-radius:
    999px;

  color:
    #ffd7e0;

  font-size: .64rem;

  font-weight: 800;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.new30-feed-pinned {
  margin-top: 20px;

  color:
    var(--feed-accent);

  font-size: .65rem;

  font-weight: 900;

  letter-spacing:
    .12em;
}


.new30-feed-title {
  margin:
    22px 0
    8px;

  font-size:
    clamp(
      1.45rem,
      3vw,
      2.35rem
    );

  line-height:
    1.05;
}


.new30-feed-body {
  margin:
    0;

  color:
    rgba(255,247,249,.76);

  font-size:
    clamp(
      .95rem,
      1.5vw,
      1.08rem
    );

  line-height:
    1.7;

  white-space:
    pre-line;
}


.new30-feed-media {
  margin-top:
    20px;

  overflow: hidden;

  border-radius:
    18px;

  background:
    #080305;
}


.new30-feed-media img {
  width: 100%;

  max-height:
    620px;

  display: block;

  object-fit: cover;
}


.new30-feed-actions {
  margin-top:
    18px;
}


.new30-feed-action {
  display: inline-flex;

  padding:
    10px 15px;

  border:
    1px solid
    rgba(255,142,170,.2);

  border-radius:
    999px;

  color: #fff7f9;

  text-decoration: none;

  background:
    rgba(255,23,76,.11);
}


.new30-feed-footer {
  margin-top:
    20px;

  padding-top:
    14px;

  border-top:
    1px solid
    rgba(255,255,255,.06);

  color:
    rgba(255,247,249,.42);

  font-size: .72rem;
}


.member-feed-empty {
  padding:
    30px;

  border:
    1px solid
    rgba(255,142,170,.12);

  border-radius:
    20px;

  color:
    rgba(255,247,249,.66);

  text-align: center;

  background:
    rgba(255,255,255,.025);
}


.member-feed-empty strong {
  display: block;

  margin-bottom:
    7px;

  color:
    #fff7f9;

  font-size:
    1.1rem;
}


.member-feed-empty p {
  max-width:
    550px;

  margin:
    0 auto;

  line-height:
    1.6;
}


.member-feed-connections {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 2rem;

  margin-top:
    44px;

  padding-top:
    28px;

  border-top:
    1px solid
    rgba(255,142,170,.11);
}


.member-feed-connections h3 {
  margin:
    .3rem 0 0;

  font-size:
    clamp(
      1.4rem,
      3vw,
      2.2rem
    );
}


.member-feed-dashboard-copy {
  max-width: 720px;

  margin:
    .6rem 0 0;

  color:
    var(--muted);

  line-height:
    1.6;
}


.dashboard-member-feed {
  width: 100%;

  max-width:
    900px;

  margin:
    10px 0
    34px;
}


@media (max-width: 700px) {

  .member-feed-heading,
  .member-feed-connections {
    display: block;
  }


  .member-feed-live-badge {
    display: inline-flex;

    margin-top:
      15px;
  }


  .member-main-connected-links {
    margin-top:
      16px;
  }


  .new30-feed-post-header {
    grid-template-columns:
      auto
      minmax(0,1fr);
  }


  .new30-feed-type {
    grid-column:
      1 / -1;

    justify-self:
      start;
  }

}