/* ========== Simple & neat card style (specific to taxonomy-card-grid) ========== */
.taxonomy-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 2rem auto;
  max-width: 1100px;
  grid-auto-rows: 1fr; /* pastikan card di baris sama tinggi */
}

/* Card */
.taxonomy-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid #eef6f8;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(16,24,40,0.04);
  transition: transform .12s ease, box-shadow .12s ease;
  overflow: hidden;
}

.taxonomy-card:hover,
.taxonomy-card:focus-within {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(16,24,40,0.08);
}

/* Konten kartu: dorong tombol ke bawah */
.taxonomy-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
}

/* Label kecil (type) */
.content-type-label {
  display: inline-block;
  font-weight: 700;
  font-size: 0.88rem;
  color: #0dcaf0;
  background: rgba(13,202,240,0.08);
  padding: 6px 10px;
  border-radius: 999px;
  text-decoration: none;
}

/* Daftar judul di card */
.taxonomy-card h6 {
  margin: 6px 0;
  font-size: 0.96rem;
  font-weight: 600;
  line-height: 1.2;
}

/* Link: hitam default, biru saat hover/focus */
.taxonomy-card h6 a,
.taxonomy-card-content a {
  color: #111;                 /* hitam gelap default */
  text-decoration: none;
  transition: color .12s ease;
}

/* Hover & focus */
.taxonomy-card h6 a:hover,
.taxonomy-card h6 a:focus,
.taxonomy-card-content a:hover,
.taxonomy-card-content a:focus {
  color: #0d6efd;              /* biru saat hover/focus */
  text-decoration: underline;
  outline: none;
}

/* Fokus keyboard (aksesibilitas) */
.taxonomy-card h6 a:focus-visible,
.taxonomy-card .btn:focus-visible {
  outline: 3px solid rgba(13,110,253,0.12);
  outline-offset: 3px;
}

/* Tombol "Lihat Lainnya" sederhana */
.taxonomy-card .btn.btn-info,
.taxonomy-card a.btn.btn-info,
.taxonomy-card .more-link {
  margin-top: auto;            /* selalu di bawah */
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: 6px;
  background: #0dcaf0;
  border: 1px solid #0bb6d4;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  transition: background .12s ease, transform .08s ease;
  width: 58%;
  text-align: center;
}

/* Tombol hover */
.taxonomy-card .btn.btn-info:hover,
.taxonomy-card .more-link:hover {
  background: #0bb6d4;
  transform: translateY(-2px);
  text-decoration: none;
}

/* Responsive: 2 kolom tablet, 1 kolom mobile */
@media (max-width: 1024px) {
  .taxonomy-card-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
  .taxonomy-card-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .taxonomy-card { padding: 14px; }
  .taxonomy-card .btn.btn-info,
  .taxonomy-card .more-link { width: 100%; align-self: stretch; }
}