/* responsive.css — 반응형 분기
   원칙: 제목 열을 마지막까지 지키고, 부가 정보 열부터 숨긴다.
   출처: design/mockups 공통 분기점 (1180 / 1024 / 820) */

@media (max-width:1180px){
  :root{--page-pad:56px}
  /* 휴지통 "삭제한 사람" 열(design/mockups/SC-12_trash.html:755-757) */
  .col-deleted-by{display:none}
}

@media (max-width:1024px){
  :root{--page-pad:32px}
  /* 부가 열 숨김 — 표·리스트에서 워크스페이스·수정일 등에 붙임 */
  .col-hide-sm{display:none}
  /* 댓글 패널 축소 */
  .comments{width:260px;min-width:260px}
  /* 상단바 저장 상태 숨김 */
  .save-state{display:none}
  /* 홈 — "내가 만든 페이지"·워크스페이스 카드(design/mockups/SC-03_app_shell.html:221-225) */
  .page-row{grid-template-columns:22px minmax(160px,1fr) 110px}
  .page-row .ws{display:none}
  .ws-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}
  /* 휴지통 "삭제일" 열 + 검색창 축소(design/mockups/SC-12_trash.html:758-760) */
  .col-deleted-at{display:none}
  .trash-search{width:160px}
}

@media (max-width:820px){
  /* 마지막까지 남기는 것은 아이콘 + 제목 */
  .col-hide-xs{display:none}
  /* 홈 (design/mockups/SC-03_app_shell.html:227-230) */
  .page-row{grid-template-columns:22px minmax(140px,1fr)}
  .page-row .edited{display:none}
  .ws-grid{grid-template-columns:1fr}
}