/* Estilos base para a Plataforma Leitícia */

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Layout container central */
.container-narrow {
  max-width: 1080px;
  margin: 0 auto;
  padding: 1rem;
}

/* Sidebar fixa */
.sidebar-sticky {
  position: sticky;
  top: 1rem;
}

/* Grade de imagens responsiva */
.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}

.image-grid .card {
  height: 100%;
}

.card-img-top {
  width: 100%;
  height: 220px;
  object-fit: contain;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.075);
}

/* Avatares */
.avatar-48 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.avatar-72 {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
}

/* Navegação da comunidade */
.nav-community a {
  margin-right: .75rem;
}