@media (max-width: 1199px) {
  .side-nav .nav-pill {
    font-size: 1.2rem;
  }

  .home-search-mobile {
    border-bottom: 1px solid #2f3336;
    padding-bottom: 1rem;
  }
}

@media (max-width: 991px) {
  .app-header {
    padding: 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .header-content {
    flex-wrap: wrap;
  }

  .left-rail,
  .right-rail {
    min-height: auto;
  }

  .shell-left,
  .shell-center,
  .shell-right {
    min-height: auto;
  }

  .auth-grid {
    grid-template-columns: 1fr;
  }

  .profile-hero-top {
    flex-direction: column;
  }

  .profile-avatar-large {
    width: 120px;
    height: 120px;
    flex-basis: 120px;
    font-size: 3rem;
  }

  .profile-following-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-hero-copy h1 {
    font-size: 2.8rem;
  }

  .profile-feed-header {
    grid-template-columns: 1fr;
  }

  .auth-split {
    grid-template-columns: 1fr;
  }

  .auth-brand-panel {
    padding: 2rem 1.5rem 1rem;
    border-right: none;
    border-bottom: 1px solid #2f3336;
  }

  .auth-main-panel {
    padding: 2rem 1.5rem;
  }

  .auth-copy h1 {
    font-size: 2.45rem;
  }

  .auth-name-row {
    grid-template-columns: 1fr;
  }
}


