@media (max-width: 768px) {
  .qn-page, .qn-page-wide, .qn-page-workspace, .qn-page-reading,
  .qn-page-form, .qn-page-auth, .qn-page-modal { width: min(100% - 24px, 100%); }
  .qn-page-header { flex-direction: column; gap: 12px; margin-top: 20px; }
  .qn-page-header-actions { justify-content: flex-start; }
  .qn-btn { min-height: 44px; }
}

@media (max-width: 480px) {
  .qn-surface { padding: 16px; }
  .qn-page-header-actions, .qn-page-header-actions .qn-btn { width: 100%; }
}