.journal-engagement{
  margin:4rem 0 1rem;
  padding-top:2rem;
  border-top:1px solid var(--line,#263238);
}
.journal-engagement-summary{
  display:flex;
  gap:.7rem;
  align-items:center;
  flex-wrap:wrap;
  margin:.55rem 0 1.75rem;
  color:#819297;
  font-size:.74rem;
  letter-spacing:.04em;
}
.journal-engagement-summary strong{color:#c9d4d6;font-weight:600}
.journal-engagement-summary a{color:inherit;text-decoration:none}
.journal-engagement-summary a:hover{color:#b9cbce}
.journal-engagement h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.7rem,4vw,2.35rem);
  font-weight:400;
  color:#eef3f4;
}
.journal-engagement-intro{
  margin:.5rem 0 1.5rem;
  color:#93a4a8;
  max-width:640px;
}
.journal-comments-list{display:grid;gap:1rem;margin:1.5rem 0 2rem}
.journal-comment{
  margin:0;
  padding:1rem 1.1rem;
  border:1px solid var(--line,#263238);
  border-radius:12px;
  background:rgba(17,23,27,.58);
}
.journal-comment-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.45rem;
}
.journal-comment-name{color:#eef3f4;font-weight:650;font-size:.88rem}
.journal-comment-date{color:#718187;font-size:.68rem;white-space:nowrap}
.journal-comment-body{
  margin:0;
  color:#c7d1d4;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.journal-comments-empty{color:#718187;font-size:.85rem;margin:1.2rem 0 2rem}
.journal-comment-auth,
.journal-comment-form{
  display:grid;
  gap:.75rem;
  padding:1rem 1.1rem;
  border:1px solid var(--line,#263238);
  border-radius:12px;
  background:rgba(17,23,27,.42);
}
.journal-comment-auth p,
.journal-comment-form p{margin:0;color:#8fa0a5;font-size:.82rem}
.journal-comment-auth label,
.journal-comment-form label{
  display:grid;
  gap:.35rem;
  color:#aebdc1;
  font-size:.72rem;
}
.journal-comment-auth input,
.journal-comment-form input,
.journal-comment-form textarea{
  width:100%;
  border:1px solid #2a4148;
  border-radius:9px;
  padding:.72rem .8rem;
  background:#071014;
  color:#eef3f4;
  font:inherit;
}
.journal-comment-form textarea{min-height:120px;resize:vertical}
.journal-comment-auth input:focus,
.journal-comment-form input:focus,
.journal-comment-form textarea:focus{
  outline:2px solid rgba(65,184,198,.28);
  border-color:#41b8c6;
}
.journal-comment-button{
  justify-self:start;
  border:1px solid #2b7480;
  border-radius:999px;
  padding:.65rem 1rem;
  background:#16434a;
  color:#eef6f4;
  font:inherit;
  font-size:.75rem;
  cursor:pointer;
}
.journal-comment-button:disabled{opacity:.55;cursor:wait}
.journal-comment-status{min-height:1.2em;color:#82a5aa;font-size:.76rem}
.journal-comment-status.error{color:#e0a7a7}
.journal-comment-pending{
  margin-top:.85rem;
  padding:.75rem .9rem;
  border-left:2px solid #41b8c6;
  color:#9fb0b3;
  background:rgba(17,23,27,.45);
  font-size:.8rem;
}
@media(max-width:560px){
  .journal-comment-head{display:block}
  .journal-comment-date{display:block;margin-top:.15rem}
}