/* Community 1.3.48 — polished Campfire post cards.
 * Adds hierarchy and mineral-inspired depth without changing post markup,
 * typography sizing, controls, or Community behavior. */

html body .gmr-network-v8 .gmr-feed-post,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post {
  position:relative !important;
  overflow:hidden !important;
  padding:0 24px 22px !important;
  border:1px solid #d9d1c7 !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg,#fffdfa 0,#fffdfa 72%,#fbf8f3 100%) !important;
  box-shadow:
    0 10px 28px rgba(40,57,63,.09),
    0 2px 5px rgba(60,43,30,.04) !important;
}

html body .gmr-network-v8 .gmr-feed-post::before,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post::before {
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  height:5px !important;
  background:linear-gradient(90deg,#176f75 0 34%,#7b4ca3 34% 68%,#d87568 68% 100%) !important;
}

html body .gmr-network-v8 .gmr-feed-post > header,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post > header {
  margin:0 -24px 0 !important;
  padding:22px 24px 18px !important;
  border:0 !important;
  border-bottom:1px solid #e8dfd7 !important;
  background:
    radial-gradient(circle at 94% 18%,rgba(123,76,163,.10),transparent 18%),
    linear-gradient(105deg,#f4faf8 0,#fffaf5 58%,#faf5ff 100%) !important;
}

html body .gmr-network-v8 .gmr-feed-post > header > img,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post > header > img {
  width:56px !important;
  height:56px !important;
  border:3px solid #fff !important;
  outline:2px solid #ba9560 !important;
  box-shadow:0 5px 13px rgba(43,68,71,.16) !important;
}

html body .gmr-network-v8 .gmr-feed-post > header strong,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post > header strong {
  color:#19363a !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}

html body .gmr-network-v8 .gmr-feed-post > header span,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post > header span {
  margin-top:3px !important;
  color:#5b6570 !important;
}

html body .gmr-network-v8 .gmr-mini-gem,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-mini-gem {
  color:#8b58b5 !important;
  filter:drop-shadow(0 2px 2px rgba(123,76,163,.16)) !important;
}

html body .gmr-network-v8 details.gmr-edit-post,
html body.gmr-v3-homepage-page .gmr-home-community-feed details.gmr-edit-post {
  margin:14px 0 0 !important;
  border:1px solid #ded1e9 !important;
  border-radius:13px !important;
  background:linear-gradient(90deg,#faf7ff,#f7fbfa) !important;
  box-shadow:inset 4px 0 0 #8b58b5 !important;
}

html body .gmr-network-v8 details.gmr-edit-post > summary,
html body.gmr-v3-homepage-page .gmr-home-community-feed details.gmr-edit-post > summary {
  padding:12px 16px !important;
  color:#633987 !important;
  background:transparent !important;
}

html body .gmr-network-v8 .gmr-post-content,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-post-content {
  position:relative !important;
  margin:20px 0 16px !important;
  padding:3px 8px 3px 14px !important;
  border-left:3px solid #73aeb0 !important;
}

html body .gmr-network-v8 .gmr-post-content p:last-child,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-post-content p:last-child {
  margin-bottom:0 !important;
}

html body .gmr-network-v8 .gmr-reactions,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-reactions {
  gap:10px !important;
  margin:18px -10px 0 !important;
  padding:14px 10px !important;
  border-top:1px solid #e4dbd3 !important;
  border-bottom:1px solid #e9e1da !important;
  border-radius:14px !important;
  background:linear-gradient(90deg,#f8fbfa,#fdf9f5 50%,#faf7fd) !important;
}

html body .gmr-network-v8 .gmr-reactions form,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-reactions form {
  flex:1 1 120px !important;
}

html body .gmr-network-v8 .gmr-reactions button,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-reactions button {
  width:100% !important;
  border:1px solid #ded8d1 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 2px 5px rgba(53,48,42,.05) !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
}

html body .gmr-network-v8 .gmr-reactions button:hover,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-reactions button:hover {
  transform:translateY(-2px) !important;
  border-color:#70aeb0 !important;
  background:#f3fbfa !important;
  box-shadow:0 6px 13px rgba(23,111,117,.12) !important;
}

html body .gmr-network-v8 .gmr-reactions button.active,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-reactions button.active {
  color:#fff !important;
  border-color:#176f75 !important;
  background:linear-gradient(135deg,#176f75,#74509b) !important;
  box-shadow:0 6px 15px rgba(63,72,124,.18) !important;
}

html body .gmr-network-v8 .gmr-comments,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comments {
  margin:14px 0 0 !important;
  padding:16px !important;
  border:1px solid #ddd7d0 !important;
  border-radius:14px !important;
  background:#fffdfa !important;
  box-shadow:inset 0 1px 0 #fff !important;
}

html body .gmr-network-v8 .gmr-comment-heading,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comment-heading {
  margin:0 0 12px !important;
  padding:0 0 10px !important;
  color:#24575b !important;
  border-bottom:1px dashed #d8cec5 !important;
}

html body .gmr-network-v8 .gmr-comment,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comment {
  padding:10px 0 !important;
  border-bottom:1px solid #eee7e0 !important;
}

html body .gmr-network-v8 .gmr-comment-form,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comment-form {
  gap:10px !important;
  margin-top:12px !important;
}

html body .gmr-network-v8 .gmr-comment-form input,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comment-form input {
  border:1px solid #d7cec6 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:inset 0 1px 3px rgba(50,43,36,.04) !important;
}

html body .gmr-network-v8 .gmr-comment-form input:focus,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comment-form input:focus {
  border-color:#4b9699 !important;
  outline:3px solid rgba(75,150,153,.14) !important;
}

html body .gmr-network-v8 .gmr-comment-form button,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-comment-form button {
  min-width:92px !important;
  border:0 !important;
  border-radius:12px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#176f75,#268b8c) !important;
  box-shadow:0 5px 12px rgba(23,111,117,.18) !important;
}

html body .gmr-network-v8 .gmr-pin-post,
html body .gmr-network-v8 .gmr-delete-post,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-pin-post,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-delete-post {
  border-color:#d9cde4 !important;
  background:rgba(255,255,255,.82) !important;
}

html body .gmr-network-v8 .gmr-pinned-post,
html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-pinned-post {
  border-color:#ba9560 !important;
  box-shadow:0 12px 30px rgba(122,91,48,.12),0 2px 5px rgba(60,43,30,.05) !important;
}

@media (max-width:700px) {
  html body .gmr-network-v8 .gmr-feed-post,
  html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post {
    padding-right:16px !important;
    padding-left:16px !important;
    border-radius:16px !important;
  }
  html body .gmr-network-v8 .gmr-feed-post > header,
  html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-feed-post > header {
    margin-right:-16px !important;
    margin-left:-16px !important;
    padding-right:16px !important;
    padding-left:16px !important;
  }
  html body .gmr-network-v8 .gmr-reactions form,
  html body.gmr-v3-homepage-page .gmr-home-community-feed .gmr-reactions form {
    flex:1 1 46% !important;
  }
}