/* 이성종 가이드 여행관 — 이어짐이 나중에 덧댄 보정 스타일.
   본체(assets/index-*.css)는 외부에서 회수한 빌드 산출물이라 손대지 않고,
   고쳐야 할 부분만 여기에 모아 뒤에서 덮는다. 새 규칙은 이 파일에만 추가한다. */

/* ── 액티비티 카드의 '안전' 배지 ─────────────────────────────────────────
   원래 마크업이 <small><b>안전</b>조작법과 노면을 확인합니다.</small> 라서
   8px 여백은 있었지만 글자 사이에 구분이 전혀 없었다. 그래서 눈으로도 붙어 보이고,
   스크린리더·텍스트 추출에서는 "안전조작법과 노면을..." 한 덩어리로 읽혔다.

   문장마다 '·' 를 적어 넣으면 원고가 지저분해지고 빠뜨리기 쉬우므로,
   배지 쪽에서 한 번만 처리한다. 아래 두 규칙이 카드 8장에 똑같이 적용된다.
   ::after 로 넣은 글자는 접근성 트리에도 올라가서 "안전 · 조작법과 노면을 확인합니다"
   처럼 끊어 읽힌다. */
.activity-stack small > b {
  margin-right: 0;                 /* 아래 여백 규칙으로 대체한다 */
  white-space: nowrap;             /* '안전' 두 글자가 줄바꿈으로 쪼개지지 않게 */
}
.activity-stack small > b::after {
  content: " · ";
  color: rgba(233, 189, 105, 0.6);
  font-weight: 400;
  /* 배지와 본문이 확실히 떨어져 보이도록 구분 기호 앞뒤로 여백을 준다 */
  margin: 0 2px 0 6px;
}