/* 이벤트 상세 — medical-item-detail.css + story-detail.css 를 깔고 그 위에 얹는다.
   이벤트 본문의 디자인 규칙도 앞으로 이 파일에 모은다. */

.event-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 14px;
  background: #e8f1fb;
  color: #1f5fa8;
  font-size: 13px;
  font-weight: 600;
}

.event-badge.is-ended {
  background: #eceef1;
  color: #6b7280;
}

/* 지금 이벤트 본문은 포스터 사진 한 장이다. 화면 폭에 맞춰 키우되
   원본(1080px)보다 늘리면 흐려지므로 거기서 멈춘다. */
.event-detail .section-body img {
  max-width: min(100%, 1080px);
  height: auto;
  display: block;
  margin: 0 auto;
}