/* ── pages / notice — 공지사항 ────────────────────────────────────
   아키타입 postlist. 콘텐츠 JSON(content/pages/notice.json)에 글 항목이
   한 건도 없다 — 본문 p 는 리드와 "No posts have been published yet." 뿐이라
   .postlist / .qlist 대신 빈 상태 판을 놓는다.
   구성: 히어로 → 빈 목록 안내 + 형제 페이지 이동 → 상담 CTA.
   .page-hero / .siblings / .cta-band (subpage.css) 와
   .container--narrow / .eyebrow / .btn (layout.css) 를 그대로 쓴다.
   이 파일은 그 프리미티브에 없는 것만 만든다. */


/* ── 히어로 ────────────────────────────────────────────────── */

/* .page-hero 기본 오버레이는 검정 68%. 다른 서브페이지와 같은 밝은
   hero.jpg 라 68% 로는 흰 제목이 뜬다. 형제 목록 페이지(cases/qna)와
   같은 76% 로 맞춘다. */
.notice-hero{
  background-image:
    linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),
    var(--hero-img,none);
}


/* ── 빈 목록 ───────────────────────────────────────────────── */

/* 글이 한 건도 없는 상태. 목록 자리가 비어 있다는 것 자체를 보여야 하므로
   .qlist 의 실선 대신 점선 테두리 판으로 그 자리를 표시한다.
   높이 220 은 .qlist 항목(패딩 28 + 제목/요약) 두 줄 분량이다.
   점선은 --line-soft 가 --surface-muted 위에서 안 보여 --line-mid 를 쓰고,
   안내 문구도 --text-tertiary 는 같은 판 위에서 대비가 부족해 --text-secondary 로 올린다. */
.notice-board__empty{
  display:flex;align-items:center;justify-content:center;
  min-height:220px;
  padding:var(--sp-block) var(--sp-gap);
  border:1px dashed var(--line-mid);
  border-radius:var(--radius-card);
  background:var(--surface-muted);
  text-align:center;
}
.notice-board__msg{
  font-size:var(--fs-18);line-height:1.6;letter-spacing:var(--ls-tight);
  color:var(--text-secondary);word-break:keep-all;
}

/* 형제 페이지 이동 — 공지가 비어 있는 동안 소식이 실제로 올라오는 곳들.
   라벨은 content/menu_ko.json 의 label_en 그대로다. */
.notice-board__nav{margin-top:var(--sp-block)}

@media (max-width:767px){
  .notice-board__empty{min-height:180px;padding:var(--sp-stack) var(--sp-tight)}
}


/* ── 상담 CTA ─────────────────────────────────────────────── */

/* 이 페이지 콘텐츠에는 CTA 문구가 없다. 밴드는 라벨 + 버튼만이라
   .cta-band 의 --sp-section 여백은 과하다. --sp-block 으로 낮춘다.
   center 프레이밍이면 로비 사진의 KOWON 사인이 버튼과 겹쳐 41% 로 올린다.
   (J컬 Sec_10 과 같은 값) */
.notice-cta{
  padding-block:var(--sp-block);
  background-position:0 0,center 41%;
}
.notice-cta__inner{display:flex;flex-direction:column;align-items:center}
.notice-cta__actions{margin-top:var(--sp-tight)}