/* Responsive — all shared media queries */

@media (max-width: 840px) {
  /* Sidebar hub layout */
  .hamburger { display: flex; }
  .sidebar { transform: translateX(-100%); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-overlay.open { display: block; }
  .main { margin-left: 0; }
  .content { padding: 24px 20px; padding-top: 64px; }
  .card-grid { grid-template-columns: 1fr; }
  h1 { font-size: 28px; }
  .highlight-block { font-size: 14px; letter-spacing: 2px; }
}

@media (max-width: 520px) {
  .content { padding: 20px 16px; padding-top: 60px; }
  .callout { padding: 20px; }
  .system-streams { grid-template-columns: 1fr; }
  .system-paths { grid-template-columns: 1fr; }
}