/* Comments. Own class names only (hse-*). Colours come from the theme variables set in the Customizer.
   No shadows, gradients or hover effects. */

.hse-comments{padding:clamp(20px,3.2vw,38px)}
.hse-discussion{margin:0}

/* Heading */
.hse-discussion__head{border-bottom:2px solid var(--hse-navy);padding-bottom:12px;margin:0 0 22px}
.hse-discussion__title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.2;margin:0;color:var(--hse-ink)}

/* Thread */
.hse-thread,.hse-thread__children{list-style:none;margin:0;padding:0}
.hse-thread__item{margin:0 0 16px}
.hse-thread__children{margin:14px 0 0;padding:0 0 0 clamp(12px,3.5vw,44px);border-left:2px solid var(--hse-line)}
.hse-thread__children>.hse-thread__item{margin-bottom:12px}

/* Comment card */
.hse-c{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:20px;margin:0;background:var(--hse-bg);border:1px solid var(--hse-line);border-radius:18px}
.hse-c--reply{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;background:var(--hse-surface)}
.hse-c--author{border-color:var(--hse-gold)}
.hse-c--pending{border-style:dashed}
.hse-c__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--hse-soft)}
.hse-c--reply .hse-c__avatar{width:40px;height:40px}
.hse-c__main{min-width:0}
.hse-c__top{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.hse-c__name{font-weight:700;font-size:1rem;color:var(--hse-ink)}
.hse-c__name a{color:inherit}
.hse-c__badge{padding:3px 9px;border-radius:999px;background:var(--hse-navy);color:var(--hse-gold-2);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hse-c__time{font-size:.8rem;color:var(--hse-muted)}
.hse-c__pending{margin:8px 0 0;font-size:.82rem;color:var(--hse-gold)}
.hse-c__text{margin:10px 0 0;font-size:1rem;line-height:1.7;color:var(--hse-text);overflow-wrap:anywhere}
.hse-c__text p{margin:0 0 .7em}
.hse-c__text p:last-child{margin-bottom:0}
.hse-c__actions{margin:12px 0 0}
.hse-c__reply{text-decoration:none;display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;border:1px solid var(--hse-line);border-radius:999px;font-size:.86rem;font-weight:700;color:var(--hse-purple);background:var(--hse-surface)}
.hse-c__reply:focus-visible{outline:2px solid var(--hse-gold);outline-offset:2px}

/* Pagination, empty and closed states */
.hse-discussion .navigation.pagination{margin:24px 0 0}
.hse-comments__empty,.hse-comments__closed,.hse-comments__locked{color:var(--hse-muted);font-style:italic;margin:0 0 18px}
.hse-comments__closed{padding:14px 16px;border:1px dashed var(--hse-line);border-radius:14px}

/* Form */
.hse-respond__form{margin-top:32px;padding-top:28px;border-top:1px solid var(--hse-line)}
.hse-respond__title{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;color:var(--hse-ink);margin:0 0 6px}
.hse-respond__note{font-size:.88rem;color:var(--hse-muted);margin:0 0 18px}
.hse-respond__cancel{margin:0 0 14px;font-size:.88rem}
.hse-respond__cancel a{color:var(--hse-purple);font-weight:700}
.hse-respond__form .hse-field{margin:0 0 16px}
.hse-respond__form label{display:block;font-size:.85rem;font-weight:700;margin:0 0 6px;color:var(--hse-ink)}
.hse-req{color:var(--hse-gold)}
.hse-respond__form input[type=text],.hse-respond__form input[type=email],.hse-respond__form input[type=url],.hse-respond__form textarea{width:100%;padding:12px 14px;border:1px solid var(--hse-line);border-radius:14px;font:inherit;background:var(--hse-bg);color:var(--hse-ink)}
.hse-respond__form textarea{min-height:170px;resize:vertical}
.hse-respond__form input:focus-visible,.hse-respond__form textarea:focus-visible{outline:2px solid var(--hse-gold);outline-offset:2px}
.hse-field--check{display:flex;gap:10px;align-items:flex-start}
.hse-field--check input{margin-top:4px}
.hse-field--check label{font-weight:400;margin:0;font-size:.88rem;color:var(--hse-text)}
.hse-form-submit{margin:0}
.hse-submit{padding:13px 28px;border:0;border-radius:999px;background:var(--hse-navy);color:#fff;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.hse-respond__form .logged-in-as{font-size:.9rem;color:var(--hse-muted);margin:0 0 16px}

/* Honeypot: off-screen for people, visible to bots that fill every field */
.hse-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:480px){
  .hse-c{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px}
  .hse-c__avatar{width:40px;height:40px}
  .hse-thread__children{padding-left:10px}
}