/* mex-fisheries site styles — clean and minimal */

/* Constrain main content for readability */
.quarto-body .page-body,
.column-page .column-body {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

/* Slightly more breathing room */
.quarto-body .page-body > * + * {
  margin-top: 1.25rem;
}

.quarto-body .page-body > h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  font-weight: 600;
}

/* Dataset cards: clear card layout with border and hover */
.dataset-cards .dataset-card {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 6px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.dataset-cards .dataset-card:hover {
  border-color: #18bc9c;
  box-shadow: 0 4px 12px rgba(24, 188, 156, 0.15);
}

.dataset-cards .card-body {
  padding: 1.25rem;
}

.dataset-cards .card-body > p:first-child {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.dataset-cards .card-body > p:nth-child(2) {
  margin-bottom: 0;
  font-size: 0.95rem;
  color: var(--bs-secondary-color, #6c757d);
  line-height: 1.5;
}

.dataset-cards .dataset-meta {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.075));
  font-size: 0.875rem;
  color: var(--bs-secondary-color, #6c757d);
}

.dataset-cards .dataset-meta img {
  vertical-align: middle;
  margin-right: 0.25rem;
}

.dataset-cards .dataset-meta p:last-child {
  margin-bottom: 0;
  margin-top: 0.35rem;
}

.dataset-cards {
  margin-top: 0.5rem;
}

/* Two-column layout for dataset cards */
.dataset-cards.columns {
  margin-top: 0.5rem;
}

.dataset-cards .column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Links: clear and friendly hover */
.quarto-body a {
  text-decoration: none;
  font-weight: 600;
}

.quarto-body a:hover {
  text-decoration: underline;
}

/* Navbar: keep it tight */
.navbar {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

/* Subtitle in navbar when present */
.navbar-brand .navbar-title {
  font-weight: 600;
}

/* Footer */
.page-footer {
  font-size: 0.9rem;
  color: var(--bs-secondary-color, #6c757d);
}

.page-footer a {
  color: inherit;
  font-weight: 500;
}

.page-footer a:hover {
  color: var(--bs-body-color);
}