/* 리스트 컨테이너: 명상일지 그리드와 유사한 구성 */
.bi-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
  font-family: Nanum Gothic, Roboto, sans-serif; /* 명상일지와 톤 맞춤 */
}

/* 카드: 명상일지의 옅은 녹색 배경 + 라운드, 그림자 최소화 */
.note-card {
  background-color: #F0E6D7;   /* 매우 옅은 커피색 */
  padding: 20px;
  border-radius: 12px;
  box-shadow: none;
  min-height: 250px;           /* 필요 시 제거 가능 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* 내용이 위에서부터 쌓이도록 */
}

/* 날짜: 명상일지 스타일 참고(색/크기/여백) */
.note-line.date {
  font-size: 1.0rem;
  font-style: normal;
  color: #367588;
  margin-bottom: 6px;
  font-family: Roboto, Nanum Gothic, sans-serif;
}

/* 제목: 두껍지 않은 중간 굵기, 색상 톤 맞춤 */
.note-line.title {
  font-family: Roboto, Nanum Gothic, sans-serif;
  font-weight: 500;
  font-size: 1.15rem;
  margin-bottom: 8px;
  color: #333;
}

/* 본문: 줄바꿈 유지 + 가독 라인하이트 */
.note-line.content {
  font-size: 1.1rem;
  line-height: 1.6em;   /* 일반 줄 간격 */
  white-space: normal;  /* pre-wrap 대신 normal */
  font-family: Roboto, Nanum Gothic, sans-serif;
}


/* 우측 하단 번호 */
.note-line.post-id {
  text-align: right;
  font-size: 0.85rem;
  margin-top: 12px;
  color: #aaa;
}

/* 푸터 줄: 우측 정렬 (#01 표시용) */
.note-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 6px;
}

/* 필요시 링크/버튼 톤 */
.note-link {
  text-decoration: none;
  color: #2c7cd1;
  font-weight: bold;
}

/* 불필요해진 요소 초기화 */
.note-area {
  background: none;   /* 세로줄 제거 유지 */
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
}

/* 네비게이션/삭제 버튼(사용 시) 최소화 톤 */
.nav-btn,
.delete-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

/* 아이콘 크기 톤 맞춤 */
.note-link i, .delete-btn i, .nav-btn i {
  font-size: 1.2rem;
}

/* 스와이프 관련 클래스는 사용하지 않음(삭제 또는 미정의) */
/* .swiper, .swiper-slide, .swiper-button-prev, .swiper-button-next { 없음 } */