/* Avoid sticky search controls covering directory content on desktop/tablet. */
@media (min-width: 851px) {
  #search {
    position: relative;
    top: auto;
    z-index: auto;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Keep the full directory and navigation usable on compact laptop widths. */
@media (min-width: 851px) and (max-width: 1050px) {
  .topbar {
    padding-right: 24px;
    padding-left: 24px;
    gap: 14px;
  }

  .topbar .brand,
  .topbar .brand span,
  .topbar nav {
    min-width: 0;
  }

  .topbar .brand b { font-size: 12px; }
  .topbar nav { gap: 12px; }
  .topbar nav a { font-size: 11px; white-space: nowrap; }
  .topbar .join { flex: 0 0 auto; padding: 8px 11px; white-space: nowrap; }

  .directory {
    padding-right: 24px;
    padding-left: 24px;
  }

  .directory-layout {
    grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
    gap: 18px;
  }

  .directory-layout > :last-child,
  .cards,
  .card { min-width: 0; }

  .cards {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .card { padding: 10px; }
  .chip { width: auto; min-width: 0; overflow-wrap: anywhere; }
}