/* Classicspark 2.7.133 — detail composer, rich link previews and nearby cards. */

/* In the individual publication, links deserve the same visual presence as media. */
.cs2766-post-card--detail .cs2766-post-card__link {
  margin-right: 17px;
  margin-left: 17px;
}
.cs2766-post-card--detail .cs2766-post-card__link > img {
  height: clamp(380px, 48vw, 540px);
  max-height: 540px;
  object-fit: cover;
  object-position: center;
}

/* The detail composer is a compact writing area, with controls on their own row. */
.cs2766-comment-composer.cs2766-comment-composer--detail {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 9px !important;
  padding: 13px 15px 14px !important;
}
.cs2766-comment-composer--detail textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 92px;
  max-height: 190px;
  resize: vertical;
  padding: 12px 13px;
  border: 1px solid #e2dade;
  border-radius: 12px;
  background: #fff;
  color: #302b38;
  font: 13px/1.45 gilroy-regular, Arial, sans-serif;
  outline: 0;
}
.cs2766-comment-composer--detail textarea:focus,
.cs2766-comment-composer--detail textarea:focus-visible {
  border-color: #ca0038;
  box-shadow: 0 0 0 3px rgba(202, 0, 56, .08);
}
.cs2766-comment-composer__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.cs2766-comment-composer--detail .cs2766-comment-composer__actions button {
  flex: 0 0 auto !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
}
.cs2766-comment-composer--detail .cs2766-comment-composer__actions button:last-child {
  min-width: 112px !important;
}
.cs2766-comment-composer--detail .cs2766-comment-composer__actions .cs2772-comment-emoji {
  width: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
}

/* Keep the identity and action areas of nearby-profile cards independent. */
.cs2727-near-card > .cs2727-near-card__person {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.cs2727-near-card__person > a {
  display: grid !important;
  align-content: center;
  gap: 2px;
  min-width: 0;
  flex: 1;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #302b34 !important;
  text-align: left !important;
}
.cs2727-near-card__person > a strong,
.cs2727-near-card__person > a small,
.cs2727-near-card__person > a em {
  max-width: 100%;
}
.cs2727-near-card > .cs2727-near-card__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 15px !important;
  padding-top: 13px !important;
  border-top: 1px solid #eee7e8 !important;
}
.cs2727-near-card__actions > a {
  min-width: 0;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .cs2766-post-card--detail .cs2766-post-card__link > img {
    height: clamp(270px, 74vw, 390px);
  }
  .cs2766-comment-composer--detail textarea {
    min-height: 104px;
  }
  .cs2766-comment-composer--detail .cs2766-comment-composer__actions button:last-child {
    min-width: 104px !important;
  }
}