/* ════ 모바일 UI 개선 ════ */
@media (max-width: 600px) {
  /* 투표 버튼 터치 영역 확대 */
  .vbtn { padding: 14px 8px; font-size: 13px; }

  /* 카드 패딩 최적화 */
  .poll-card { padding: 14px 14px 12px; }
  .card-title { font-size: 15px; }

  /* 하단 FAB 위치 */
  .fab { bottom: 24px; right: 16px; width: 52px; height: 52px; font-size: 22px; }

  /* 공유/결과 버튼 크기 */
  .share-btn { padding: 5px 10px; font-size: 11px; }

  /* 카드 footer 줄바꿈 허용 */
  .card-footer { flex-wrap: wrap; gap: 6px; }

  /* 홈 masthead 패딩 */
  .home-masthead { padding: 24px 16px 20px; }
  .masthead-h1 { font-size: 26px; }

  /* 카테고리 바 */
  .cat-strip-wrap { margin: 0 -16px; padding: 0 16px; }

  /* 상세 페이지 */
  .detail-wrap { padding: 16px 14px 80px; }
  .detail-title { font-size: 20px; }
  .detail-vote-row { gap: 6px; }
  .detail-vbtn { padding: 10px 4px; font-size: 13px; }

  /* 사이드바 */
  .sidebar { width: 200px; }

  /* nav 버튼 텍스트 숨김 (공간 부족 시) */
  .nav-btn { padding: 6px 10px; font-size: 12px; }
}

/* ════ 하단 안전영역 (아이폰 홈바) ════ */
@media (max-width: 600px) {
  .page { padding-bottom: env(safe-area-inset-bottom, 0px); }
  .fab  { bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
}