/* ===================================================================
   섹션 제목 위젯 - 기본 스킨
   굵은 제목 + 놓인 자리의 폭에 맞게 늘어나는 밑줄 (PC/모바일 공통)
   =================================================================== */

.stw-widget {
	margin: 0;
	font-family: inherit;
}

.stw-widget .stw-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	width: 100%;                          /* 밑줄이 폭 전체에 반응 */
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid currentColor; /* 아래 까만 줄 (글자색을 따라감) */
}

.stw-widget .stw-title {
	margin: 0;
	font-size: var(--stw-size, 19px);
	font-weight: 700;
	line-height: 1.3;
	color: inherit;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stw-widget .stw-more {
	flex: 0 0 auto;
	font-size: 12.5px;
	color: #8a8f98;
	text-decoration: none;
	transition: color .2s;
}
.stw-widget .stw-more:hover { color: inherit; text-decoration: none; }