/* Utilities — 재사용 가능한 작은 헬퍼 (의미 토큰만 사용) -----------------
   컴포넌트/페이지 어디서나 마크업에 클래스로 붙여 쓴다. */

/* 반응형 줄바꿈: <br class="br-m"> 는 모바일(≤600px)에서만 줄을 바꾼다.
   데스크톱에선 한 줄, 모바일에선 의미 단위로 끊고 싶을 때 사용. */
.br-m { display: none; }
@media (max-width: 600px) {
  .br-m { display: inline; }
}