/* BSKR list */
@media (max-width: 576px) {
	.container {padding-left: 4px;padding-right: 4px;}
}
.badge {padding: .2em .4em;font-size: .6em;}
/* 모바일 (768px 이하): 세로 정렬 */
@media (max-width: 768px) {
  .d-flex.w-100.justify-content-between {
    flex-direction: column !important; /* 세로 방향으로 변경 */
    align-items: flex-start !important; /* 왼쪽 정렬 */
    gap: 0.3rem; /* 제목과 날짜 간 약간의 간격 */
  }
  .d-flex.w-100.justify-content-between small.text-muted {
    font-size: 0.9rem;
    color: #6c757d;
  }
  .d-flex.w-100.justify-content-between h5 {
    margin-bottom: 0.2rem !important;
  }
}
/* BSKR view */
.post-container { background:white; border-radius:8px; padding:2rem; box-shadow:0 2px 10px rgba(0,0,0,0.125); }
.post-title { font-size:1.6rem; font-weight:600; }
.post-meta { font-size:0.9rem; color:#6c757d; border-bottom:1px solid #e9ecef; padding-bottom:.5rem; margin-bottom:1.5rem; }
.post-content { line-height:1.8; min-height:200px; }
.attach-list { list-style:none; padding-left:0; }
.attach-list li { margin-bottom:.4rem; display:flex; align-items:center; }
.attach-list li i { color:#6c757d; margin-right:8px; }
.attach-list a { text-decoration:none; color:#0d6efd; }
.attach-list a:hover { text-decoration:underline; }

.post-nav-container {margin-top: 40px;border-top: 1px solid #ddd;padding-top: 15px;font-size: 14px;color: #666;}
.post-nav-wrap {display: flex;justify-content: space-between;align-items: center;}
/* 왼쪽(이전글), 오른쪽(다음글) 영역 */
.post-nav-wrap > div {flex: 1;}
/* 오른쪽 영역은 기본적으로 오른쪽 정렬 */
.post-nav-wrap .next {text-align: right;}
/* 링크 기본 스타일 */
.post-nav-wrap a {color: #666;text-decoration: none;display: inline-flex;align-items: center;transition: color 0.2s ease;}
.post-nav-wrap a:hover {color: #222;}
/* 아이콘 간격 */
.post-nav-wrap i {font-size: 15px;}
.post-nav-wrap .prev i {margin-right: 5px;}
.post-nav-wrap .next i {margin-left: 5px;}
/* 이전/다음글 없음 상태 */
.post-nav-wrap span {color: #aaa;}
/* =========================================================
반응형 (모바일)
========================================================= */
	@media (max-width: 768px) {
	.post-nav-wrap {flex-direction: column;align-items: flex-start;gap: 10px;}
	.post-nav-wrap .next {text-align: left;}
	.post-nav-wrap a {width: 100%;}
}


/* BSKR write */
.switch-box {
  border: 1px solid #e0e0e0;   /* 박스 테두리 */
  border-radius: 8px;          /* 둥근 모서리 */
  padding: 10px 15px;          /* 내부 여백 */
  background-color: #f9f9f9;   /* 은은한 배경 */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.switch-box:hover {
  background-color: #f1faff;   /* 호버 시 색상 강조 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}