/* TENIMPER v49.2 — «Печать автора» */

.comments-section{
  --ti-pin-accent:#b77757;
  --ti-pin-soft:rgba(183,119,87,.10);
  --ti-pin-border:rgba(183,119,87,.38);
}

.comments-section .ti-c49-author-pinned{
  border-color:var(--ti-pin-border)!important;
  background:
    linear-gradient(180deg,var(--ti-pin-soft),rgba(183,119,87,.018) 34%,transparent 100%),
    var(--ti-c49-paper,transparent)!important;
}

.comments-section .ti-c49-author-pinned::before{
  opacity:.82!important;
  background:linear-gradient(90deg,transparent,rgba(183,119,87,.58),transparent)!important;
}

.comments-section .ti-c49-author-pin-mark{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 0 10px;
  padding:4px 8px 4px 5px;
  border:1px solid rgba(183,119,87,.20);
  border-radius:999px;
  background:rgba(183,119,87,.045);
  color:rgba(136,77,59,.90);
  font-size:.76rem;
  line-height:1.2;
  letter-spacing:.01em;
}

.comments-section .ti-c49-author-pin-mark__seal{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(164,72,54,.50);
  transform:rotate(45deg);
  color:#a44d3d;
  background:rgba(255,248,239,.36);
  flex:0 0 22px;
}

.comments-section .ti-c49-author-pin-mark__seal span{
  transform:rotate(-45deg);
  font-size:13px;
  line-height:1;
}

.comments-section .ti-c49-pin-overview{
  position:relative;
  margin:12px 0 18px;
  padding:12px 14px 12px 15px;
  border:1px solid rgba(183,119,87,.24);
  border-radius:13px;
  background:linear-gradient(90deg,rgba(183,119,87,.055),transparent 55%);
}

.comments-section .ti-c49-pin-overview__eyebrow{
  display:flex;
  align-items:center;
  gap:7px;
  color:#a45c47;
  font-size:.74rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:4px;
}

.comments-section .ti-c49-pin-overview__text{
  color:inherit;
  opacity:.82;
  font-size:.90rem;
  line-height:1.45;
  margin-right:112px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.comments-section .ti-c49-pin-overview__go{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  appearance:none;
  border:0;
  background:transparent;
  color:#9b644b;
  font:inherit;
  font-size:.82rem;
  cursor:pointer;
  min-height:34px;
  padding:6px 8px;
  border-radius:8px;
}
.comments-section .ti-c49-pin-overview__go:hover{
  background:rgba(183,119,87,.075);
}

.comments-section .ti-c49-pin-flash{
  animation:ti-c49-pin-flash 2.2s ease-out 1;
}

@keyframes ti-c49-pin-flash{
  0%{box-shadow:0 0 0 0 rgba(183,119,87,.38)}
  30%{box-shadow:0 0 0 5px rgba(183,119,87,.11)}
  100%{box-shadow:0 0 0 0 rgba(183,119,87,0)}
}

html[data-theme="light"] .comments-section,
body[data-theme="light"] .comments-section,
.theme-light .comments-section{
  --ti-pin-accent:#9e5a45;
  --ti-pin-soft:rgba(158,90,69,.055);
  --ti-pin-border:rgba(158,90,69,.28);
}

@media(max-width:700px){
  .comments-section .ti-c49-pin-overview{
    padding:11px 12px;
  }

  .comments-section .ti-c49-pin-overview__text{
    margin-right:0;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  .comments-section .ti-c49-pin-overview__go{
    position:static;
    transform:none;
    margin-top:5px;
    padding-left:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .comments-section .ti-c49-pin-flash{animation:none}
}
