.post-comment__toggle-replies {
  align-items: center;
  align-self: flex-start;
  background: transparent;
  border: 0;
  color: #25764c;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
  gap: .4rem;
  margin: .25rem 0 .35rem 3.1rem;
  padding: .25rem .4rem;
}
.post-comment__thread { grid-column: 1 / -1; }
.post-comment__thread > summary { list-style: none; }
.post-comment__thread > summary::-webkit-details-marker { display: none; }
.post-comment__reply-closed-icon,
.post-comment__reply-closed-label { display: none; }
.post-comment__thread:not([open]) .post-comment__reply-open-icon,
.post-comment__thread:not([open]) .post-comment__reply-open-label { display: none; }
.post-comment__thread:not([open]) .post-comment__reply-closed-icon,
.post-comment__thread:not([open]) .post-comment__reply-closed-label { display: inline; }
.post-comment__toggle-replies:hover,
.post-comment__toggle-replies:focus-visible { color: #0f5433; text-decoration: underline; }
.post-comment__toggle-replies i { font-size: .68rem; }
.post-comment__replies[hidden] { display: none !important; }
.post-comment__actions [data-comment-reply].is-active { color: #b64b12; }

.post-save-popover {
  background: #fff;
  border: 1px solid #cfe2d7;
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(18, 51, 34, .24);
  max-height: min(440px, calc(100vh - 24px));
  overflow: auto;
  padding: .8rem;
  position: fixed;
  z-index: 2147483000;
}
.post-save-popover header { align-items: center; display: flex; justify-content: space-between; margin-bottom: .55rem; }
.post-save-popover header strong { color: #173a28; font-size: 1rem; }
.post-save-popover header button { background: #eef6f1; border: 0; border-radius: 50%; color: #2e5f43; cursor: pointer; font-size: 1.2rem; height: 2rem; width: 2rem; }
.post-save-popover__list { display: grid; gap: .35rem; max-height: 220px; overflow: auto; }
.post-save-popover__list > p { color: #68776f; font-size: .84rem; margin: .5rem 0; }
.post-save-collection { align-items: center; background: #f7faf8; border: 1px solid transparent; border-radius: 10px; color: #173a28; cursor: pointer; display: grid; gap: .55rem; grid-template-columns: 1.25rem minmax(0,1fr) auto; padding: .65rem .7rem; text-align: left; width: 100%; }
.post-save-collection:hover { border-color: #a8d5b9; }
.post-save-collection.is-selected { background: #e9f8ef; border-color: #36a765; }
.post-save-collection small { color: #68776f; }
.post-save-popover form { border-top: 1px solid #e3ece6; display: grid; gap: .45rem; grid-template-columns: minmax(0,1fr) auto; margin-top: .65rem; padding-top: .65rem; }
.post-save-popover form input { border: 1px solid #c8d8ce; border-radius: 9px; min-width: 0; padding: .65rem; }
.post-save-popover form button { background: #247b4b; border: 0; border-radius: 9px; color: white; cursor: pointer; font-weight: 700; padding: .65rem .8rem; }
.post-save-popover form small { color: #b4382f; grid-column: 1 / -1; }
.post-save-remove { background: transparent; border: 0; color: #a3302b; cursor: pointer; font-weight: 700; margin-top: .65rem; padding: .55rem; text-align: left; width: 100%; }

.saved-posts-create { background: #f6faf7; border: 1px solid #dce9e0; border-radius: 14px; margin: 0 0 1rem; padding: 1rem; }
.saved-posts-create > label { color: #173a28; display: block; font-weight: 800; margin-bottom: .45rem; }
.saved-posts-create__row { display: flex; gap: .55rem; }
.saved-posts-create__row .form-input { flex: 1; min-width: 0; }
.saved-posts-create [data-saved-collection-status] { color: #43705a; display: block; margin-top: .4rem; }
.saved-posts-collections { display: flex; gap: .55rem; margin-bottom: 1rem; overflow-x: auto; padding: .15rem 0 .5rem; scrollbar-width: thin; }
.saved-collection-chip-wrap { display: inline-flex; flex: 0 0 auto; position: relative; }
.saved-collection-chip { align-items: center; background: #fff; border: 1px solid #cfe0d5; border-radius: 999px; color: #315743; cursor: pointer; display: inline-flex; gap: .45rem; min-height: 40px; padding: .55rem 2.25rem .55rem .85rem; white-space: nowrap; }
.saved-collection-chip-wrap .saved-collection-chip { border-bottom-right-radius: 0; border-top-right-radius: 0; padding-right: .75rem; }
.saved-collection-chip.is-active { background: #1f7043; border-color: #1f7043; color: white; }
.saved-collection-chip small { background: rgba(34, 91, 57, .1); border-radius: 999px; min-width: 1.35rem; padding: .1rem .35rem; text-align: center; }
.saved-collection-chip.is-active small { background: rgba(255,255,255,.18); }
.saved-collection-more { background: #fff; border: 1px solid #cfe0d5; border-left: 0; border-radius: 0 999px 999px 0; color: #486554; cursor: pointer; padding: 0 .65rem 0 .45rem; }
.saved-posts-error { color: #b4382f; }
#posts-saved .social-posts-profile-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.profile-posts-tabs-wrapper { margin-bottom: 1rem; }
.profile-posts-saved-heading { margin: .25rem 0 1rem; }
.profile-posts-saved-heading h3 { color: #173a28; margin: 0 0 .25rem; }
.profile-posts-saved-heading p { color: #68776f; margin: 0; }

@media (max-width: 640px) {
  .post-save-popover { bottom: max(12px, env(safe-area-inset-bottom)); left: 12px !important; max-height: min(70vh, 520px); top: auto !important; width: calc(100vw - 24px) !important; }
  .saved-posts-create__row { align-items: stretch; flex-direction: column; }
  .post-comment__toggle-replies { margin-left: 2.5rem; }
}