/* ✅ iPad(태블릿 폭) + 터치일 때만 모바일 레이아웃 */
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1366px) {
  html, body { overflow-x: hidden; }
  .frame { overflow-x: hidden; }

  .frame{ grid-template-columns:1fr !important; }
  .right-rail{ display:none !important; }

  .sidebar{
    grid-column:auto !important;
    position:fixed !important;
    top: calc(var(--safe-top) + var(--topbar-h)) !important;
    left:0; bottom:0;
    width:var(--sbw) !important;

    border-right:1px solid var(--line) !important;
    transform: translateX(-100%);
    transition: transform .25s ease;

    padding:12px 0 12px var(--side-left-gap) !important;
    z-index:650 !important;
    background:#fff !important;
  }

  body:not(.mobile-sidebar-open) .sidebar{
    border-right:none !important;
    transform: translateX(calc(-100% - 1px)) !important;
  }
  body.mobile-sidebar-open .sidebar{ transform: translateX(0) !important; }

  body:not(.mobile-sidebar-open) .sidebar,
  body:not(.mobile-sidebar-open) .sidebar * { pointer-events:none !important; }

  .sb-dim{
    position:fixed !important;
    inset: calc(var(--safe-top) + var(--topbar-h)) 0 0 0 !important;
    background:rgba(0,0,0,.35) !important;
    display:none !important;
    z-index:640 !important;
  }
  body.mobile-sidebar-open .sb-dim{ display:block !important; }

  /* iPad에서 햄버거 노출 */
  .topbar .mobile-toggle{ display:inline-flex !important; margin-left:8px !important; }

  .feed{ grid-column:1 !important; padding:12px !important; }
}