.essay_widget{
  width:100%;
  font-family:'Pretendard',-apple-system,sans-serif;
  display:flex;
  flex-direction:column;
  gap:28px;
  padding-top:8px;
}

/* 헤더 */
.essay_head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.essay_h{
  margin:0;
  color:#343434;
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.56px;
}
.essay_more{
  color:#848484;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}

/* 4열 그리드 */
.essay_list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin:0; padding:0;
  list-style:none;
/* 카드 */
.essay_card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-decoration:none;
}

/* 이미지 */
.essay_thumb{
  width:100%;
  aspect-ratio:295 / 160;
  border-radius:12px;
  margin-bottom:18px;
  background-color:rgba(0,0,0,.04);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.essay_card:hover .essay_thumb{ opacity:.92; transition:opacity .2s ease; }

/* 태그칩 */
.essay_tag{
  display:inline-flex;
  padding:6px 9px;
  margin-bottom:12px;
  border-radius:4px;
  background:#eef5fb;
  color:#1e5af0;
  font-size:12px;
  font-weight:500;
  line-height:12px;
}

/* 제목 */
.essay_title{
  margin:0;
  color:#343434;
  font-size:16px;
  font-weight:700;
  line-height:24px;
  display:-webkit-box;
  -webkit-line-clamp:2;      /* 긴 제목 2줄까지 */
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* 반응형 (Figma엔 데스크톱만 있어 추가) */
@media (max-width:1024px){ .essay_list{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .essay_list{ grid-template-columns:1fr; } }