/* ===================================================================
   2단 게시판 목록 위젯 - 기본 스킨
   PC: 좌우 2단 / 모바일: 위아래 1단
   =================================================================== */

.bdw-widget {
	--bdw-gap: 40px;
	--bdw-secondary: #8a8f98;
	--bdw-line: rgba(128, 134, 143, .18);
	--bdw-accent: #3b6ef5;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	font-family: inherit;
	/* 화면 폭이 아니라 "위젯이 놓인 영역의 폭"에 반응하기 위한 컨테이너 선언 */
	container-type: inline-size;
}

.bdw-widget .bdw-inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px var(--bdw-gap);
}

/* ----- 컬럼 ----- */
.bdw-widget .bdw-col { min-width: 0; }

/* ----- 상단 헤더 (굵은 제목 + 더보기) ----- */
.bdw-widget .bdw-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 6px;
	padding-bottom: 10px;
	border-bottom: 2px solid currentColor;
}
.bdw-widget .bdw-title {
	margin: 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	color: inherit;
}
.bdw-widget .bdw-more {
	flex: 0 0 auto;
	font-size: 12.5px;
	color: var(--bdw-secondary);
	text-decoration: none;
	transition: color .2s;
}
.bdw-widget .bdw-more:hover { color: inherit; text-decoration: none; }

/* ----- 오류/빈 목록 안내 ----- */
.bdw-widget .bdw-error {
	margin: 0;
	padding: 26px 14px;
	font-size: 13px;
	color: var(--bdw-secondary);
	text-align: center;
}

/* ----- 게시글 목록 ----- */
.bdw-widget .bdw-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bdw-widget .bdw-row {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--bdw-line);
}
.bdw-widget .bdw-row:last-child { border-bottom: 0; }

.bdw-widget .bdw-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 2px;
	text-decoration: none;
	color: inherit;
}
.bdw-widget .bdw-link:hover { text-decoration: none; }
.bdw-widget .bdw-link:hover .bdw-subject { text-decoration: underline; text-underline-offset: 3px; }

/* 분류 */
.bdw-widget .bdw-cate {
	flex: 0 0 auto;
	max-width: 84px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 8px;
	border-radius: 20px;
	background: rgba(59, 110, 245, .09);
	font-size: 11.5px;
	font-weight: 600;
	color: var(--bdw-accent);
	line-height: 1.7;
}

/* 제목: 한 줄 말줄임 */
.bdw-widget .bdw-subject {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.5;
}

/* 댓글 수 */
.bdw-widget .bdw-comment {
	font-style: normal;
	font-size: 12px;
	font-weight: 700;
	color: var(--bdw-accent);
}

/* 새 글 표시 (24시간 이내) */
.bdw-widget .bdw-new {
	display: inline-block;
	vertical-align: 2px;
	margin-left: 2px;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	background: #f03;
	color: #fff;
	font-style: normal;
	font-size: 9px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
}

/* 등록일 */
.bdw-widget .bdw-date {
	flex: 0 0 auto;
	font-size: 12px;
	color: var(--bdw-secondary);
	font-variant-numeric: tabular-nums;
}

/* ----- 좁은 폭: 위아래 1단 -----
   위젯이 놓인 영역(컨테이너)의 폭 기준으로 판단하므로,
   레이아웃이 몇 단이든/폭이 어떻게 변하든 자연스럽게 전환됩니다. */
@container (max-width: 700px) {
	.bdw-widget .bdw-inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
}

/* 컨테이너 쿼리를 지원하지 않는 구형 브라우저용 (화면 폭 기준 폴백) */
@supports not (container-type: inline-size) {
	@media (max-width: 768px) {
		.bdw-widget .bdw-inner {
			grid-template-columns: minmax(0, 1fr);
			gap: 28px;
		}
	}
}