/* Help Section Tabs */
.help-section-tabs {
  margin: 1.5rem 0;
}

/* Vertical nav sidebar (desktop) */
.help-tabs-nav {
  min-width: 220px;
  max-width: 250px;
  flex-shrink: 0;
}

.help-tabs-nav .nav-link {
  color: var(--bs-body-color, #333);
  border-radius: 0.375rem;
  padding: 0.6rem 1rem;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  font-weight: 500;
  border: 1px solid transparent;
}

.help-tabs-nav .nav-link:hover {
  background-color: var(--bs-gray-100, #f0f0f0);
}

.help-tabs-nav .nav-link.active {
  background-color: var(--bs-primary, #0d6efd);
  color: #fff;
  border-color: var(--bs-primary, #0d6efd);
}

/* Tab content pane */
.help-tabs-content {
  min-height: 200px;
}

.help-tabs-content .tab-pane {
  padding: 0 0.5rem;
}

.help-tabs-content .tab-pane[hidden] {
  display: none;
}

/* Tables in help content */
.help-tabs-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.help-tabs-content th,
.help-tabs-content td {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  text-align: left;
}

.help-tabs-content th {
  background-color: var(--bs-gray-100, #f8f9fa);
  font-weight: 600;
}

/* Code elements */
.help-tabs-content code {
  background-color: var(--bs-gray-100, #f8f9fa);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.875em;
}

/* Single tab (no navigation) */
.help-section-single {
  margin: 1.5rem 0;
}

/* Summary formatter (index listings) */
.help-section-summary {
  font-size: 0.875rem;
  color: var(--bs-secondary, #6c757d);
}

/* Mobile: horizontal tabs */
@media (max-width: 767.98px) {
  .help-tabs-nav {
    min-width: unset;
    max-width: unset;
    flex-direction: row !important;
    overflow-x: auto;
    gap: 0.25rem;
  }

  .help-tabs-nav .nav-link {
    white-space: nowrap;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}

/* Print: show all tabs expanded */
@media print {
  .help-tabs-nav {
    display: none !important;
  }

  .help-tabs-content .tab-pane {
    display: block !important;
  }

  .help-tabs-content .tab-pane[hidden] {
    display: block !important;
  }

  .help-tabs-content .tab-pane::before {
    content: attr(aria-labelledby);
    display: block;
    font-weight: 700;
    font-size: 1.25rem;
    margin: 1.5rem 0 0.5rem;
    border-bottom: 2px solid #333;
    padding-bottom: 0.25rem;
  }
}