/* HPBC Department Widget Styles */
.hpbc-dept {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}

.hpbc-dept-title {
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}

.hpbc-dept-subtitle {
  color: #6c757d;
  margin-bottom: 12px;
  text-align: center;
}

.hpbc-dept-name {
  font-weight: 600;
  margin-bottom: 10px;
}

.hpbc-dept-description {
  color: #333;
}

/* Responsive tweaks */
.hpbc-dept-carousel { position: relative; }
.hpbc-dept-slides { position: relative; overflow: hidden; }
.hpbc-dept-slide { display: none; gap: 16px; }
.hpbc-dept-slide.active { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
.hpbc-dept-card { padding: 12px; border: 1px solid #eee; border-radius: 8px; background: #fff; }
.hpbc-dept-prev, .hpbc-dept-next { position: absolute; top: 50%; transform: translateY(-50%); background: #f0f0f0; border: none; padding: 8px 12px; cursor: pointer; border-radius: 4px; z-index: 2; }
.hpbc-dept-prev { left: -40px; }
.hpbc-dept-next { right: -40px; }

@media (max-width: 768px) {
  .hpbc-dept { padding: 12px; }
  .hpbc-dept-slide.active { grid-template-columns: 1fr; }
}