/* static/css/custom.css */
body {
  background-color: #white;
  color: black;
}

h1, h2, h3 {
  color: black;
}

.center {
  text-align: center;
}

.site-container {
  padding: 1rem;           /* small padding on all sides by default */
  box-sizing: border-box;   /* ensures padding doesn’t break layout */
}

.footer {
  text-align: center;
  box-sizing: border-box
}

/* Medium screens */
@media (min-width: 600px) {
  .site-container {
    padding: 2rem 3rem;    /* more padding horizontally */
  }
}

/* Large screens */
@media (min-width: 1024px) {
  .site-container {
    padding: 3rem 5rem;
  }
}



.noemata-columns {
  display: flex;
  gap: 2rem;               /* space between the columns */
  align-items: flex-start; /* top-align the two lists */
}

/* Make columns stack nicely on narrow screens */
@media (max-width: 768px) {
  .noemata-columns {
    flex-direction: column;
  }
}


.site-pagination {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}

.site-pagination .pages {
  display: flex;
  gap: 0.25rem;
}

.site-pagination .page-number,
.site-pagination .page-number a,
.site-pagination a.page-prev,
.site-pagination a.page-next {
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  border-radius: 4px;
}

.site-pagination .page-number.current {
  font-weight: bold;
  text-decoration: underline;
}