body { background:#f7f8fa; }
.navbar-brand { font-weight:600; }
main { min-height:70vh; }

/* Kartu di halaman Jelajahi & Beranda — efek hover supaya lebih dinamis */
.browse-card, .card {
  transition: transform .15s ease, box-shadow .15s ease;
}
.browse-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.1) !important;
  border-color: var(--bs-warning);
}
.card:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important;
}
.nav-pills .nav-link {
  color: #495057;
  border-radius: 2rem;
}
.nav-pills .nav-link.active {
  background-color: #211D16;
}

/* Tab kategori (Tahun/Subjek/dst di halaman Jelajahi) — geser ke samping
   di layar sempit, supaya tidak menumpuk banyak baris di HP */
.category-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
.category-tabs .nav-item {
  flex-shrink: 0;
}
.category-tabs .nav-link {
  white-space: nowrap;
}
/* Sembunyikan scrollbar tapi tetap bisa digeser (rapi secara visual) */
.category-tabs::-webkit-scrollbar {
  height: 4px;
}
.category-tabs::-webkit-scrollbar-thumb {
  background: #d8d2c4;
  border-radius: 4px;
}