/* 설명 패널 2단 구조(짧은 설명 / 자세한 설명) 공용 스타일 — 부품: /study-note-detail.js mountShortDetail.
   십성 설명(.ss-note-block)·합충형 설명(.hc-note-block) 공통. 버튼은 코랄(주 버튼 색) 테두리·패널 폭 전체·높이 44px. */
.note-short { margin: 0 0 8px; }
.note-short-line { margin: 0 0 2px; line-height: 1.55; word-break: keep-all; overflow-wrap: break-word; }
.note-short-line:first-child { font-weight: 600; }
.note-detail-btn {
  display: block; width: 100%; height: 44px; box-sizing: border-box; margin: 0 0 8px; padding: 0 12px;
  border: 1.5px solid var(--study-primary); border-radius: 8px; background: var(--study-card-bg); color: var(--study-primary);
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.note-detail-btn:hover { background: var(--study-bg); }
.note-detail-btn:focus-visible { outline: 2px solid var(--study-primary); outline-offset: 2px; }
.note-detail[hidden] { display: none; }