@charset "UTF-8";
/* =========================================================
   Template: category-news-events.php
   Scope: 뉴스/이벤트 카테고리 카드 리스트 스타일
   ========================================================= */

/* Grid: 데스크톱 3열, 태블릿 2열, 모바일 1열 */
.latest-news .ln-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

/* 카드: 라운드 박스 + 그림자 */
.latest-news .ln-slide {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* 상단 썸네일: 4:3, 박스 채움 */
.latest-news .ln-slide .thumb {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform .35s ease;
  will-change: transform;
  transform-origin: center center;
  overflow: visible !important; /* allow scale to render; card container clips */
}

/* Hover: 이미지 10% 확대 */
.latest-news .ln-slide:hover .thumb { transform: scale(1.1); }

/* 본문: 패딩, 우하단 바로가기 버튼 고정 */
.latest-news .ln-slide .body { position: relative; padding: 18px 18px 48px; }
.latest-news .ln-slide .title { margin: 0 0 8px; font-size: 18px; line-height: 1.35; }
.latest-news .ln-slide .title a { text-decoration: none; color: inherit; }
.latest-news .ln-slide .excerpt { margin: 0 0 12px; color: #555; line-height: 1.6; }
.latest-news .ln-slide .meta-row { font-size: 13px; color: #888; }

/* 카테고리 배지 */
.latest-news .ln-slide .ln-badges { display:flex; flex-wrap:wrap; gap:6px; margin: 4px 0 6px; }
.latest-news .ln-slide .ln-badges .badge {
  display:inline-block;
  padding: 2px 8px;
  font-size:12px;
  line-height:1.6;
  border-radius: 999px;
  background: #f7eaf2;
  color: #a1006b;
  border: 1px solid rgba(161,0,107,.25);
  text-decoration:none;
}
.latest-news .ln-slide .ln-badges .badge:hover { background:#a1006b; color:#fff; border-color:#a1006b; }

/* 배지 색상 맵핑 (슬러그 기준) */
/* 예: '기사' 카테고리의 slug가 'article' 또는 '기사'일 수 있음 */
.latest-news .ln-slide .ln-badges .badge--article,
.latest-news .ln-slide .ln-badges .badge--기사 {
  background:#e8efff;
  color:#0b3d91;
  border-color: rgba(11,61,145,.25);
}
.latest-news .ln-slide .ln-badges .badge--article:hover,
.latest-news .ln-slide .ln-badges .badge--기사:hover {
  background:#0b3d91;
  color:#fff;
  border-color:#0b3d91;
}

/* 예: '수상' 카테고리 slug가 'award' 또는 '수상' */
.latest-news .ln-slide .ln-badges .badge--award,
.latest-news .ln-slide .ln-badges .badge--수상 {
  background:#fff8e1;
  color:#8b6b00;
  border-color: rgba(139,107,0,.25);
}
.latest-news .ln-slide .ln-badges .badge--award:hover,
.latest-news .ln-slide .ln-badges .badge--수상:hover {
  background:#8b6b00;
  color:#fff;
  border-color:#8b6b00;
}

/* 필요 시 다른 카테고리 색상도 아래에 추가 */

/* 우하단 바로가기 버튼 */
.latest-news .ln-slide .ln-go { position: absolute; right: 12px; bottom: 12px; display: inline-block; width: 36px; height: 36px; }
.latest-news .ln-slide .ln-go img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* 반응형: 태블릿/모바일 */
@media (max-width: 1024px) { .latest-news .ln-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .latest-news .ln-grid { grid-template-columns: 1fr; } }