@media (max-width: 720px) {
  body.panel-menu-open { overflow: hidden; }

  .sidebar {
    display: flex;
    width: min(86vw, 320px);
    height: calc(100dvh - 62px);
    min-height: calc(100dvh - 62px);
    top: 62px;
    bottom: auto;
    right: 0;
    padding: 20px 16px;
    transform: translateX(110%);
    transition: transform .25s ease;
    box-shadow: -18px 0 48px rgba(20, 27, 69, .16);
    z-index: 30;
  }

  .sidebar.visible { transform: translateX(0); }
  .sidebar .brand { display: none; }
  .workspace { margin: 0 0 14px; }
  .sidebar-note { margin-top: 18px; }
  .topbar { z-index: 31; }
  .mobile-menu { min-width: 42px; min-height: 42px; align-items: center; justify-content: center; border-radius: 11px; }

  .list-head .primary-button,
  .detail-head .soft-button { width: 100%; min-height: 48px; }
  .form-footer .primary-button { flex: 1; min-height: 48px; }
  input, textarea, select { font-size: 16px; }

  .question-row { grid-template-columns: 32px 1fr 18px; gap: 9px; }
  .question-row .status-chip { display: none; }
  .detail-card { padding: 21px; }
  .detail-text { font-size: 12px; }
  .learning-roadmap { gap: 12px; }
}