/* 2026-07-27: npb/blog/list.jsp 인라인 <style>에서 분리 - home/firstPage.jsp의 NPB/MLB AI분석 탭에서도
   같은 카드 스타일을 재사용하기 위해 공용 CSS 파일로 뺌 (listCards.jsp 조각과 함께 사용) */
.blog-card-area{ width:100%; max-width:1116px; margin:0 auto; padding:20px 10px; box-sizing:border-box; }
.blog-card{
	display:block; width:100%; background-color:#fff; border:1px solid #e2e2e2; border-radius:8px;
	margin-bottom:14px; padding:16px; box-sizing:border-box; text-decoration:none; color:inherit;
	transition:box-shadow 0.15s;
}
.blog-card:hover{ box-shadow:0 2px 10px rgba(0,0,0,0.08); cursor:pointer; }
.blog-card-thumb{ width:100%; max-height:220px; object-fit:cover; border-radius:6px; margin-bottom:10px; }
.blog-card-title{ font-size:1.05em; font-weight:600; color:#222; margin-bottom:6px; }
.blog-card-date{ font-size:0.8em; color:#999; }
.blog-empty{ text-align:center; color:#999; padding:60px 0; }
.blog-ai-notice{ background-color:#fff8b2; border-radius:6px; padding:10px 14px; margin-bottom:14px; font-size:0.8em; color:#555; line-height:1.6; }