/* =========================================================
   Editorial Threaded Comments — "rail" format (no avatars)
   ========================================================= */

.elc{
  margin-top: 3rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0,0,0,.12);
}

.elc-wrap {
    ;
}

.elc-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 1.25rem;
}

.elc-title{
  margin:0;
  font:inherit;
  font-weight:700;
  letter-spacing:-0.01em;
  font-size:clamp(1.4rem, 1.2vw + 1.1rem, 2rem);
  line-height:1.15;
}

/* Hide any theme “sort” / extra UI if it appears inside our wrapper */
.elc select,
.elc .comment-sort,
.elc .comment-sorting,
.elc .sort,
.elc .sorting{
  display:none !important;
}

/* List + items */
.elc-list{
  list-style:none;
  margin:0;
  padding:0;
}

.elc-item{
  list-style:none;
  margin:0;
  padding: 1.35rem 0;
  position:relative;
}

/* “Thread rail” effect */
.elc-comment{
  position:relative;
  padding-left: 1.35rem;
}

/* vertical rail */
.elc-comment::before{
  content:"";
  position:absolute;
  left: .35rem;
  top: .25rem;
  bottom: .25rem;
  width: 2px;
  background: rgba(0,0,0,.10);
  border-radius: 2px;
}

/* header row like screenshot */
.elc-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 .35rem;
}

.elc-head-left{
  display:flex;
  align-items:baseline;
  gap: .9rem;
  flex-wrap:wrap;
}

.elc-author{
  font-weight:700;
  letter-spacing:-0.01em;
  font-size: 1.5rem;
  line-height: 1.1;
}

.elc-time{
  font-size: 1.2rem;
  opacity: .7;
  text-decoration:none;
  border-bottom: 1px solid rgba(0,0,0,.18);
  padding-bottom: .1rem;
}

.elc-time:hover{ opacity: .95; }

/* body text */
.elc-body{
  font-size: 1.05rem;
  line-height: 1.75;
  letter-spacing:-0.005em;
}

.elc-body p{ margin:.6rem 0; }
.elc-body p:first-child{ margin-top:0; }
.elc-body p:last-child{ margin-bottom:0; }

.elc-moderation{
  margin: 0 0 .5rem;
  font-size: .95rem;
  opacity: .7;
}

/* footer actions (reply only) */
.elc-foot{
  margin-top: .6rem;
}

.elc-foot a{
  font-size: 1.2rem;
  text-decoration:none;
  opacity: .75;
  border-bottom: 1px solid rgba(0,0,0,.22);
  padding-bottom: .1rem;
}

.elc-foot a:hover{ opacity: 1; }

/* Between top-level comments: subtle separator like screenshot spacing */
.elc > .elc-list > .elc-item + .elc-item{
  border-top: 1px solid rgba(0,0,0,.08);
}

/* Replies: indent and keep same rail style */
.elc-list .children{
  list-style:none;
  margin: 1rem 0 0;
  padding: 0 0 0 2.25rem;
  position:relative;
}

/* Optional: a faint connector rail for the whole replies block */
.elc-list .children::before{
  content:"";
  position:absolute;
  left: 1.05rem;
  top: .25rem;
  bottom: .25rem;
  width: 2px;
  background: rgba(0,0,0,.06);
  border-radius:2px;
}

.elc-list .children .elc-item{
  padding: 1.1rem 0;
}

/* Form — clean, editorial */
.elc-form{
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0,0,0);
  max-width: 58rem;
}

.elc-form-title{
  margin:0 0 1rem;
  font-size: 1.5rem;
  font-weight:700;
}

.elc-field{
  margin: 0 0 1rem;
}

.elc-field label{
  display:block;
  margin: 0 0 .35rem;
  font-size: 1.2rem;
  opacity: .75;
}

.elc-field input,
.elc-field textarea{
  width:100%;
  font:inherit;
  background:transparent;
  border: 1px solid rgba(0,0,0,.16);
  padding: .85rem .95rem;
  outline:none;
}

.elc-field textarea{
  min-height: 6.5rem;
  resize: vertical;
}

.elc-field input:focus,
.elc-field textarea:focus{
  border-color: rgba(0,0,0,.35);
}

.elc-form input[type="submit"]{
  appearance:none;
  font:inherit;
    color: white;
    font-size: 1.1rem;
  background: black;
  border: 1px solid black;
  padding: .8rem 1.1rem;
  cursor:pointer;
  opacity:.92;
}

.elc-form input[type="submit"]:hover{ opacity:1; }
.elc-form input[type="submit"]:active{ transform: translateY(1px); }

/* Mobile */
@media (max-width: 640px){
  .elc-author{ font-size: 1.1rem; }
  .elc-comment{ padding-left: 1.1rem; }
  .elc-comment::before{ left: .25rem; }
  .elc-list .children{ padding-left: 1.6rem; }
  .elc-list .children::before{ left: .7rem; }
}

/* Force left space on the actual section id */
#comments.elc.elc-wrap {
  padding-left: 2.5rem !important;
}

@media (max-width: 640px) {
  #comments.elc.elc-wrap {
    padding-left: 1.25rem !important;
  }
}

/* Remove theme border above comments */
#comments {
  border-top: none !important;
}

/* Honeypot: invisible to humans */
.elc-hp-field{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.elc-time,
.elc-time a {
  text-decoration: none !important;
  border-bottom: none !important;
}

.logged-in-as {
    display: none;
}