/* zolski.net — unified breakpoints: 640 / 768 / 960 / 1280 */

@media (max-width: 1280px) {
  .content { padding: var(--space-5) var(--space-6) var(--space-8); }
}

@media (max-width: 960px) {
  .content { padding: var(--space-4) var(--space-5) var(--space-6); }
}

@media (max-width: 768px) {
  .mobile-nav { display: flex; }
  .nav-tabs { display: none; }
  body.has-mobile-nav { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }

  .header { padding: 0.6rem 1rem; }
  .header h1 { font-size: 1rem; }
  .header-left { gap: 0.75rem; }
  .user-info { display: none; }

  .content { padding: 0.85rem 1rem 1.25rem; }
  .page-panel { padding: 1.1rem 1rem 1.25rem; }
  .page-head { flex-direction: column; }
}

@media (max-width: 640px) {
  .user-badge { gap: 0.5rem; }
  .avatar { width: 30px; height: 30px; font-size: 0.7rem; }
  .settings-btn { width: 32px; height: 32px; }
}