.bdccomposer {
  min-height: 84px; max-height: 260px; overflow-y: auto; width: 100%;
  box-sizing: border-box; padding: 8px; border: 1px solid var(--line);
  font: inherit; line-height: 1.7; color: var(--cream); background: #120e09;
  white-space: pre-wrap; overflow-wrap: anywhere; cursor: text;
}
.bdccomposer:empty::before { content: attr(aria-placeholder); color: var(--faint-readable); pointer-events: none; }
.bdccomposer:focus { outline: 1px solid var(--gold-dim); }
.bdccomposer:hover { border-color: var(--gold-dim); }
.bdccomposer .bdcchip { user-select: all; white-space: normal; vertical-align: baseline; }
.bdccomposer .bdcchip-i { -webkit-user-drag: none; }
.bdciconhit:focus-visible { outline: 2px solid var(--gold-dim); outline-offset: 2px; }
#boardcommentbuildicons { padding-bottom: 8px; border-bottom: 1px solid var(--line); }
#boardcommentbuildtitle { margin: 0 0 6px; }

/* 알림에서 연 댓글은 색과 테두리로 표시하고 고정 머리말에 가려지지 않게 한다. */
.bdcitem[id] { scroll-margin-top: 110px; }
.bdcitem-linked {
  background: rgba(204, 169, 94, .12);
  box-shadow: inset 3px 0 var(--gold);
  padding-left: 12px; padding-right: 12px;
}
.bdcitem-linked:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }