/* =========================
   GWSkin Mobile Overrides
   - 적용 조건: body.m 또는 화면폭 768px 이하
========================= */

@media (max-width: 768px) {
  body { font-size: 15px; line-height: 1.6; }

  /* 레이아웃 여백 */
  .container, .wrap, #container, #content { padding-left: 14px; padding-right: 14px; }

  /* ===== 카테고리: 모바일은 단순하게(전체 펼침) ===== */
  .category-nav { margin-bottom: 16px; }
  .tt_category .gw-collapse,
  .tt_category .gw-collapse-toggle { display: none !important; }

  .tt_category .category_list,
  .tt_category .sub_category_list { display: block !important; }

  .tt_category .link_item,
  .tt_category .link_sub_item,
  .tt_category .link_tit {
    display: block;
    padding: 10px 6px;
    border-radius: 8px;
  }

  .tt_category .sub_category_list { padding-left: 14px; }
  .tt_category .cat-count { margin-left: 8px; }

  /* ===== 목차(TOC): 버튼으로 접기/펼치기 ===== */
  .toc-container { margin: 14px 0 18px; }
  .toc-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--bg-card);
    font-weight: 700;
  }
  #toc-content {
    border: 1px solid var(--border);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    padding: 10px 12px;
    background: var(--bg-card);
  }
  #toc-content a { display: block; padding: 6px 0; }

  /* ===== 본문 가독성 ===== */
  .post-body pre, .post-body code { font-size: 14px; }
  .post-body pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }

  .post-body table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .post-body img { max-width: 100%; height: auto; }
}

/* body.m 강제 적용 (JS가 body에 m 클래스를 붙일 수 있음) */
body.m .tt_category .gw-collapse,
body.m .tt_category .gw-collapse-toggle { display:none !important; }

body.m .tt_category .category_list,
body.m .tt_category .sub_category_list { display:block !important; }

body.m .post-body table {
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}