.clubs-search-wrap {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.clubs-search {
  background: var(--paper-soft);
  border: 1px solid var(--rule);
  color: var(--ink);
  flex: 1;
  max-width: 420px;
  padding: 0.65rem 0.75rem;
}
.clubs-grid-wrap {
  border-top: var(--rule-heavy);
  padding-top: 1rem;
}
.club-grid--full {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
}
.clubs-no-results {
  border-top: 1px solid var(--rule);
  padding-top: 1rem;
}

/* Body-grouped sections (SAC Academics / Cultural / Food & Hygiene / Hostel / Sports) */
.clubs-body {
  border-bottom: 1px solid var(--ink-rule);
  margin-bottom: 2rem;
  padding-bottom: 1.25rem;
}
.clubs-body:last-of-type {
  border-bottom: 0;
}
.clubs-body__title {
  border-bottom: 1px solid var(--rule);
  font-size: var(--fs-xl);
  margin-bottom: 0.25rem;
  padding-bottom: 0.4rem;
}
.clubs-body__title::before {
  color: var(--accent);
  content: "§ ";
}
.clubs-body__count {
  color: var(--ink-muted);
  float: right;
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  font-weight: 400;
  letter-spacing: 0.08em;
}
.clubs-body__count::before {
  color: var(--accent);
  content: "— ";
}
.clubs-body__blurb {
  font-size: var(--fs-sm);
  font-style: italic;
  margin-bottom: 1rem;
}

/* Pending clubs (in the SAC structure, no records submitted yet) */
.club-card--pending {
  opacity: 0.72;
}
.club-card--pending .club-card__logo {
  border-bottom-style: dashed;
}
.club-card--pending .club-card__count {
  font-style: italic;
}

/* Live search result count */
.clubs-search-count {
  color: var(--ink-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Campus Life options: sort select, category chips, count line */
.campus-sort select {
  background: var(--paper-soft);
  border: 1px solid var(--rule);
  color: var(--ink);
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  padding: 0.65rem 0.6rem;
  text-transform: uppercase;
}
.campus-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 0.75rem;
}
.campus-chip {
  background: transparent;
  border: 1px solid var(--ink-rule);
  border-radius: 999px;
  color: var(--ink-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  padding: 0.35rem 0.7rem;
  text-transform: uppercase;
}
.campus-chip:hover {
  border-color: var(--ink);
  color: var(--ink);
}
.campus-chip.is-selected {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--paper);
}
.campus-count {
  margin: 0 0 1rem;
}

/* Campus Life page — categories share the clubs-body furniture */
.campus-cat .thumb-grid {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}
@supports (content-visibility: auto) {
  .campus-cat {
    content-visibility: auto;
    contain-intrinsic-size: auto 1000px;
  }
}

/* Touch targets: chips, sort, and back-links clear the 44px tap guideline
   (padding grows the visual box; the type stays small). */
@media (pointer: coarse) {
  .campus-chip {
    padding-block: 0.55rem;
  }
  .campus-sort select {
    padding-block: 0.65rem;
  }
  .back-link {
    display: inline-block;
    padding: 0.35rem 0;
  }
}