/* SL886 category hub — /category, /concepts, /industry-heatmap shell */

.sl886-category-hub .sl886-home-hero {
  margin-bottom: 14px;
}

.sl886-category-hub .sl886-home-action--primary {
  background: var(--sl886-blue, #1f4e9a);
  border-color: var(--sl886-blue, #1f4e9a);
  color: #fff;
}

.sl886-category-hub .sl886-home-action--primary:hover {
  background: var(--sl886-blue2, #2463c0);
  border-color: var(--sl886-blue2, #2463c0);
  color: #fff;
}

.sl886-cat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.sl886-cat-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--sl886-sub, #38507a);
  background: #fff;
  border: 1px solid var(--sl886-line2, #d7e3f8);
}

.sl886-cat-chip i {
  color: var(--sl886-blue2, #2463c0);
  font-size: 12px;
}

.sl886-category-hub #tab-container {
  margin-bottom: 14px !important;
}

.sl886-cat-tab-pane {
  min-width: 0;
}

/* Concepts tab stats */
.sl886-concept-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .sl886-concept-stats {
    grid-template-columns: repeat(4, 1fr);
  }
}

.sl886-concept-stat {
  background: #fff;
  border: 1px solid var(--sl886-line, #e6ecf5);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: var(--sl886-shadow, 0 8px 22px rgba(17, 52, 110, 0.04));
}

.sl886-concept-stat__label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--sl886-sub, #38507a);
  margin-bottom: 4px;
}

.sl886-concept-stat__label i {
  color: var(--sl886-blue2, #2463c0);
}

.sl886-concept-stat__value {
  font-size: clamp(20px, 3vw, 26px);
  font-weight: 700;
  color: var(--sl886-ink, #10244f);
  line-height: 1.2;
  margin: 0;
}

.sl886-concept-stat__value.is-up {
  color: #c62828;
}

.sl886-concept-stat__value.is-down {
  color: #2e7d32;
}

.sl886-concept-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.sl886-concept-sorts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sl886-concept-sort {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #12366f;
  background: #fff;
  border: 1px solid #d4e0f8;
  transition: all 0.15s ease;
}

.sl886-concept-sort:hover {
  background: #12366f;
  border-color: #12366f;
  color: #fff;
  text-decoration: none;
}

.sl886-concept-sort.is-active {
  background: var(--sl886-blue, #1f4e9a);
  border-color: var(--sl886-blue, #1f4e9a);
  color: #fff;
}

/* Soften nested Bootstrap cards inside concepts panels */
.sl886-concepts-tab .card {
  border: 1px solid var(--sl886-line, #e6ecf5);
  border-radius: 14px;
  box-shadow: none;
}

.sl886-concepts-tab .card-header {
  background: var(--sl886-bg1, #f7f9fd);
  border-bottom: 1px solid var(--sl886-line, #e6ecf5);
}

@media (max-width: 575.98px) {
  .sl886-category-hub .sl886-home-hero__title {
    font-size: 22px;
  }
}