/* 6줄 클램프 유틸 */
.clamp-6{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  line-clamp:6;
  overflow:hidden;
}

/* 기본: 화면 폭의 95% (모바일 거의 풀) */
#charOffcanvas { --bs-offcanvas-width: 95vw; }

/* md부터 720px 고정 */
@media (min-width: 768px) {
  #charOffcanvas { --bs-offcanvas-width: 720px; }
}
/* xl부터 900px 고정 */
@media (min-width: 1200px) {
  #charOffcanvas { --bs-offcanvas-width: 900px; }
}
/* Tom Select 드롭다운 항목 패딩 늘리기 */
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .create,
.ts-dropdown .no-results {
  padding: .6rem .9rem !important;  /* 세로/가로 패딩 */
  line-height: 1.4;                  /* 줄간격도 살짝 여유 */
}

/* ===== 추천 많은 리뷰: Masonry 그리드 ===== */
.masonry {
  column-count: 3;
  column-gap: 1.25rem;
}
.masonry-item {
  break-inside: avoid;
  margin-bottom: 1.25rem;
}
.masonry .card { display: inline-block; width: 100%; }

/* 반응형 칼럼 수 */
@media (max-width: 1199.98px) { .masonry { column-count: 2; } }
@media (max-width: 575.98px)  { .masonry { column-count: 1; } }

/* 카드 안 여백/타이포 살짝 정리 */
.masonry .card-body p { line-height: 1.6; }
.masonry .avatar { flex-shrink: 0; }