.detail-header {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  border-bottom: none;
}

.detail-nav {
  position: sticky;
  top: 0;
  z-index: 1020;
  background: #fff;
  border-bottom: 1px solid #dee2e6;
  overflow-x: auto;
}
.detail-nav .nav-link {
  color: #495057;
  padding: .5rem .75rem;
  white-space: nowrap;
}
.detail-nav .nav-link:hover,
.detail-nav .nav-link:focus {
  color: #0d6efd;
}

.detail-page .section-card {
  border-radius: .5rem;
  overflow: hidden;
}
.detail-page .section-header {
  background: #0d6efd;
  color: #fff;
}
@media (max-width: 576px) {
  .detail-header h1 {
    font-size: 1.75rem;
  }
  .detail-page .section-body {
    padding: .75rem !important;
  }
}