.chapter-card {
    transition: all 0.2s ease-in-out;
}

.chapter-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.1);
}

.chapter-card:hover {
    background-color: #f8fdfb;
}

/* Teal theme colors */
.text-teal {
    color: #20c997 !important;
}

.bg-teal {
    background-color: #20c997 !important;
}

.btn-teal {
    background-color: #20c997 !important;
    color: white !important;
    border: none;
}

.btn-teal:hover {
    background-color: #1dbb8a !important;
}

/* Chapter card hover effect */
.chapter-card {
    transition: all 0.2s ease-in-out;
}

.chapter-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.1);
    background-color: #f8fdfb;
}

.bg-teal {
    background-color: #20c997 !important;
}

.text-teal {
    color: #20c997 !important;
}

.btn-teal {
    background-color: #20c997 !important;
    color: #fff !important;
    border: none;
}

.btn-teal:hover {
    background-color: #1dbb8a !important;
}

.section-card {
    border: 0;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);
}

.badge-soft {
    background: #e8faf6;
    color: #138f74;
}

.table th {
    width: 160px;
}

.badge.tag-badge {
  background-color: #f8f9fa !important; /* very light gray background */
  color: #6c757d !important;            /* Bootstrap's text-secondary gray */
  border: 1px solid #dee2e6;            /* subtle border */
}

.badge.tag-badge:hover {
  background-color: #e9ecef !important; /* slightly darker on hover */
  color: #495057 !important;            /* darker gray on hover */
}