/* TENIMPER v49.3 — exact comment deep-links + soft focus */

.comments-section{
  --ti-c49-target:#b77a5b;
  --ti-c49-target-soft:rgba(183,122,91,.12);
}

/* Account for the stable fixed site header when jumping to an anchor. */
.comments-section .comment-card[id^="comment-"],
.comments-section .comment-card[id^="reply-"]{
  scroll-margin-top:86px;
}

.comments-section .ti-c49-deeplink-target{
  position:relative;
  z-index:1;
  animation:ti-c49-deeplink-focus 2.6s ease-out 1;
}

.comments-section .ti-c49-deeplink-target::after{
  content:"";
  position:absolute;
  inset:-2px;
  border:1px solid rgba(183,122,91,.0);
  border-radius:inherit;
  pointer-events:none;
  animation:ti-c49-deeplink-ring 2.6s ease-out 1;
}

@keyframes ti-c49-deeplink-focus{
  0%{
    background-color:var(--ti-c49-target-soft);
    box-shadow:0 0 0 4px rgba(183,122,91,.10);
  }
  38%{
    background-color:rgba(183,122,91,.07);
    box-shadow:0 0 0 2px rgba(183,122,91,.07);
  }
  100%{
    background-color:transparent;
    box-shadow:none;
  }
}

@keyframes ti-c49-deeplink-ring{
  0%{border-color:rgba(183,122,91,.50)}
  45%{border-color:rgba(183,122,91,.22)}
  100%{border-color:rgba(183,122,91,0)}
}

html[data-theme="light"] .comments-section,
body[data-theme="light"] .comments-section,
.theme-light .comments-section{
  --ti-c49-target:#995f49;
  --ti-c49-target-soft:rgba(153,95,73,.08);
}

@media(max-width:700px){
  .comments-section .comment-card[id^="comment-"],
  .comments-section .comment-card[id^="reply-"]{
    scroll-margin-top:74px;
  }
}

@media(prefers-reduced-motion:reduce){
  .comments-section .ti-c49-deeplink-target,
  .comments-section .ti-c49-deeplink-target::after{
    animation:none!important;
  }

  .comments-section .ti-c49-deeplink-target{
    box-shadow:0 0 0 2px rgba(183,122,91,.24);
  }
}