/* ===== Contents title rule (ultra-thin, elegant red gradient) ===== */
hr.contents-title{
  border: 0;
  height: 2px;                     /* ultra ince */
  margin: 0.75rem 0 1.25rem;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0) 0%,
    #ff4d4d 14%,
    #e11111 40%,
    #d90404 60%,
    #ff4d4d 86%,
    rgba(0,0,0,0) 100%
  );
  box-shadow:
    0 0 6px rgba(217, 4, 4, .35),
    0 0 1px rgba(255, 77, 77, .65) inset; /* nano parıltı */
  border-radius: 2px;              /* köşeler yumuşak dursun */
}

/* Daha kısa/merkezli varyant (istersen) */
hr.contents-title.is-short{
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

/* RTL’de de simetrik dursun diye: */
html[dir="rtl"] hr.contents-title{ background: linear-gradient(
    270deg,
    rgba(0,0,0,0) 0%,
    #ff4d4d 14%,
    #e11111 40%,
    #d90404 60%,
    #ff4d4d 86%,
    rgba(0,0,0,0) 100%
  );
}

/* Çok koyu arkaplanda hafif belirginlik için */
@media (prefers-color-scheme: dark){
  hr.contents-title{ box-shadow:
      0 0 8px rgba(217,4,4,.45),
      0 0 1px rgba(255,77,77,.75) inset;
  }
}