/* Teams Knowledge - responsive rules */
@media (max-width: 1080px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .article-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .sidebar { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .nav-toggle { display: inline-flex; }
  .header-inner { gap: 12px; flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
  .header-actions { margin-left: auto; }
  .main-nav { order: 3; width: 100%; margin-left: 0; padding-bottom: 8px; }
  /* Collapse the menu only when JavaScript is available to reopen it. */
  .js .main-nav { display: none; }
  .js .main-nav.open { display: block; }
  .main-nav ul { flex-wrap: wrap; }
  .main-nav ul { flex-direction: column; gap: 2px; }
  .main-nav a { padding: 12px 14px; }
  .hero-grid { grid-template-columns: 1fr; padding: 48px 20px; gap: 32px; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .split { grid-template-columns: 1fr; gap: 28px; }
  .section { padding: 48px 0; }
}

@media (max-width: 640px) {
  body { font-size: 1rem; }
  .grid-3, .grid-2, .grid-4 { grid-template-columns: 1fr; }
  .list-item { grid-template-columns: 1fr; gap: 12px; }
  .proscons { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .search-btn-label { display: none; }
  .btn { width: 100%; text-align: center; }
  .btn-row { flex-direction: column; }
  .page-hero { padding: 32px 0 26px; }
  .contact-card { padding: 20px; }
}