/* =====================================================================
   [2026-08-27] 표가 넓은 화면(약관·관리자)의 표가 휴대폰에서 글자 한 자씩 세로로 쌓이던 것
   ---------------------------------------------------------------------
   privacy·usage-policy·refund 화면에는 칸이 여섯 개까지 있는 표가 있습니다.
   390px 화면에서 한 칸이 23px 까지 좁아지면서, 그 안의 이메일 주소
   ('privacy@supabase.io')가 글자 한 자씩 세로로 쌓였습니다.
   실측(390px): 23px 폭 · 179px 높이. 읽을 수가 없습니다.

   이 화면들은 사이트 공용 휴대폰 규칙(mobile-responsive.css)을 싣지 않습니다.
   그 파일을 그냥 싣자니, 거기 table 에 min-width:560px 이 걸려 있어
   390px 화면에 가로 스크롤이 생깁니다. 그래서 여기 필요한 것만 적습니다.

   · 긴 영문(이메일·주소)은 어디서든 끊어 준다
   · 한글은 띄어쓴 자리에서만 끊는다 (낱말이 쪼개지지 않게)
   · 그래도 넘치면 표만 옆으로 밀어 본다 (화면 전체가 밀리지 않게)
   ===================================================================== */
@media (max-width: 720px) {
  .wide-tables table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* 안쪽 표에 숨 쉴 폭을 준다. 이걸 안 주면 표는 화면 폭(390px)에 묶이고,
     칸이 23px 까지 좁아져 이메일이 글자 한 자씩 세로로 쌓인다.
     넘치는 만큼은 위의 표 상자가 옆으로 밀린다(화면 전체는 안 밀린다). */
  .wide-tables table > tbody,
  .wide-tables table > thead {
    display: table;
    width: 100%;
    min-width: 620px;
  }
  .wide-tables th,
  .wide-tables td {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: keep-all;
  }
}