/* ===== REPORT CARD ===== */
/* Reusable report card component for masonry grid */

.reports-grid {
  position: relative;
}

.report-card {
  position: absolute;
  border: var(--border-size) solid var(--border);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.report-card:hover .report-card__header {
  border-color: color-mix(in srgb, var(--sidebar-accent-text) 30%, transparent);
}

.report-card a {
  display: block;
}

.report-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
}

.report-card__date {
  font-family: var(--font-heading);
  font-size: var(--h4-size);
  line-height: 1;
}

.report-card__image {
  width: 100%;
  border-bottom: var(--border-size) solid var(--border);
  border-top: var(--border-size) solid var(--border);
}

.report-card__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

.report-card__title {
  font: normal var(--h3-size) var(--font-heading);
  line-height: 1.2;
  padding: 0.75rem;
  margin: 0;
  text-transform: none;
}

.report-card .chip {
  font-family: var(--font-heading);
}

/* ===== FILTER VISIBILITY ===== */
.report-card.filter-hidden {
  display: none;
}