/* 2026-10-27 블로그 목록 보정 — build.py 가 /blog·카테고리 목록에만 붙인다 (assets 는 1년 캐시라 해시 이름으로 새로 만든다)

   1) 썸네일 잘림: 원래 규칙(.blog-list img{aspect-ratio:16/10;object-fit:cover})에 height:auto 가 없어
      <img height="400"> 속성이 이겨 카드 이미지가 328x400 세로 상자가 됐고, cover 가 좌우를 잘랐다.
      → height:auto 로 비율을 살리고, 비율이 다른 옛 이미지도 잘리지 않게 contain + 썸네일 바탕색.
   2) 대표 카드는 1200x514(21:9) 이미지라 상자도 같은 비율. 640px 이하에서는 <picture> 가 640x400 으로 바꾼다.
   3) 탭 개편 뒤 카테고리 이름으로 카드 위쪽 선 진하기를 다시 준다. */
body .blog-list img{height:auto;aspect-ratio:16/10;object-fit:contain;background:#10141C}
body .blog-list picture{display:block}
body .blog-list article.featured img{aspect-ratio:1200/514}
@media (max-width:640px){
  body .blog-list article.featured img{aspect-ratio:16/10}
}
.blog-list article[data-cat="디지털마케팅"]{border-top-color:var(--mint-800)}
.blog-list article[data-cat="데이터분석"]{border-top-color:color-mix(in srgb, var(--mint-800) 70%, var(--divider))}
.blog-list article[data-cat="AI"]{border-top-color:color-mix(in srgb, var(--mint-800) 55%, var(--divider))}
.blog-list article[data-cat="크리에이티브"]{border-top-color:color-mix(in srgb, var(--mint-800) 40%, var(--divider))}
.blog-list article:hover{border-top-color:var(--mint)}