<%-- posts-empty.jspf — 포스팅 목록 빈 상태 파편
     사용: posts-list.jsp의 posts.isEmpty() 분기에서 include
     필요: bibimbap.css (.empty-state 클래스)
--%>
<div class="empty-state">
  <svg width="84" height="84" viewBox="0 0 84 84" fill="none" aria-hidden="true">
    <rect x="20" y="13" width="44" height="57" rx="9" fill="#FBEFD6" stroke="#D4A853" stroke-width="2.5"/>
    <line x1="30" y1="30" x2="54" y2="30" stroke="#D4A853" stroke-width="2.5" stroke-linecap="round"/>
    <line x1="30" y1="40" x2="54" y2="40" stroke="#E2C589" stroke-width="2.5" stroke-linecap="round"/>
    <line x1="30" y1="50" x2="45" y2="50" stroke="#E2C589" stroke-width="2.5" stroke-linecap="round"/>
    <circle cx="59" cy="57" r="13" fill="#D4A853"/>
    <line x1="59" y1="51" x2="59" y2="63" stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
    <line x1="53" y1="57" x2="65" y2="57" stroke="#fff" stroke-width="2.6" stroke-linecap="round"/>
  </svg>
  <h3>아직 등록된 포스트가 없어요</h3>
  <p>개발 일지, 팁, 질문 무엇이든 좋아요. 커뮤니티의 첫 글을 남겨보세요.</p>
  <div class="empty-actions">
    <a class="btn btn-primary" href="${pageContext.request.contextPath}/posts/new">＋ 글쓰기</a>
  </div>
</div>
