/* TENIMPER v49.2.1 — fixes layout regression from author seal */

/*
  The live comment card uses its own grid/flex structure.
  v49.2 inserted the seal as the first direct child of .comment-card,
  which made the live layout treat it as a new structural column.
  In v49.2.1 the seal is moved inside the content flow, immediately
  before reactions, and never participates as a direct grid item.
*/

.comments-section .comment-card > .ti-c49-author-pin-mark{
  display:none!important;
}

.comments-section .ti-c49-author-pin-slot{
  display:block;
  width:100%;
  min-width:0;
  margin:10px 0 2px;
}

.comments-section .ti-c49-author-pin-slot .ti-c49-author-pin-mark{
  position:static!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%;
  margin:0!important;
  box-sizing:border-box;
}

/* Ensure the live card body/text keeps its intended width. */
.comments-section .comment-card.ti-c49-author-pinned{
  min-width:0;
}
.comments-section .comment-card.ti-c49-author-pinned .comment-text{
  min-width:0;
  width:auto!important;
  max-width:none!important;
}

/* Reactions must remain full-width and in their existing row. */
.comments-section .comment-card.ti-c49-author-pinned .character-reactions{
  width:100%;
  min-width:0;
}

/* In case old v49.2 DOM is still present before JS relocates it, don't let it create a column. */
.comments-section .comment-card.ti-c49-author-pinned > .ti-c49-author-pin-mark{
  position:absolute!important;
  width:auto!important;
  max-width:calc(100% - 24px);
  left:12px;
  bottom:12px;
  top:auto!important;
  right:auto!important;
  visibility:hidden;
  pointer-events:none;
}

@media(max-width:700px){
  .comments-section .ti-c49-author-pin-slot{
    margin-top:8px;
  }
}