/* =========================================
   DISCUSSION
========================================== */
.discuss-layout{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap: 48px;
  align-items:start;
}

/* -- pinned thread -- */
.pinned-thread{
  display:flex; gap:16px; align-items:flex-start;
  background: rgba(184,134,46,0.07);
  border: 1px solid rgba(184,134,46,0.3);
  border-radius: var(--radius);
  padding: 20px 22px;
  margin-bottom: 8px;
}
.pinned-thread svg.pin{ flex-shrink:0; width:18px; height:18px; color: var(--gold); margin-top:3px; }
.pinned-thread .pin-label{
  font-size:0.68rem; text-transform:uppercase; letter-spacing:.06em; font-weight:700;
  color: #8a6415; margin-bottom:4px; display:block;
}
.pinned-thread h3{ font-family: var(--font-en-display); font-size:1.05rem; color: var(--ink); margin-bottom:4px; }
.pinned-thread h3 a{ color: inherit; }
.pinned-thread h3 a:hover{ color: var(--maroon-deep); }
.pinned-thread p{ font-size:0.88rem; color: var(--ink-soft); }

/* -- sidebar -- */
.discuss-sidebar{ display:flex; flex-direction:column; gap:20px; position:sticky; top:96px; }

.guideline-list{ display:flex; flex-direction:column; gap:10px; }
.guideline-list li{ display:flex; gap:10px; font-size:0.86rem; color: var(--ink-soft); align-items:flex-start; }
.guideline-list svg{ flex-shrink:0; width:15px; height:15px; color: var(--leaf-deep); margin-top:2px; }

.contributor-item{ display:flex; align-items:center; gap:10px; padding:8px 0; border-radius:6px; transition: background .15s ease; }
a.contributor-item:hover{ background: rgba(36,24,19,0.05); padding-left:6px; padding-right:6px; margin: 0 -6px; }
.contributor-item .thread-avatar{ width:34px; height:34px; font-size:0.82rem; }
.contributor-item .c-name{ font-size:0.88rem; font-weight:600; color: var(--ink); }
.contributor-item .c-count{ font-size:0.76rem; color: var(--ink-soft); }

.tag-cloud{ display:flex; flex-wrap:wrap; gap:8px; }
.tag-chip{
  font-size:0.8rem; color: var(--ink-soft);
  background: var(--parchment-deep);
  border-radius: 999px; padding: 6px 13px;
  transition: background .15s ease, color .15s ease;
}
.tag-chip:hover{ background: rgba(107,30,30,0.09); color: var(--maroon-deep); }

/* =========================================
   RESPONSIVE
========================================== */
@media (max-width: 900px){
  .discuss-layout{ grid-template-columns: 1fr; }
  .discuss-sidebar{ position:static; }
}
@media (max-width: 600px){
  .pinned-thread{ flex-direction:column; }
}