/* Help content specific styles */

/* Fix anchor scrolling to account for fixed navbar */
/* Note: Scroll offset is handled in JavaScript to avoid conflicts with search */

/* Highlight class to be applied via JavaScript */
.section-highlight {
    background-color: rgba(102, 16, 242, 0.1); /* Lighter purple for content */
    border-left: 4px solid var(--primary);
    padding-left: 10px;
    padding-right: 20px;
    margin-left: -14px;
    margin-right: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.3s ease;
}

.container .row .col-12 div {
    margin-bottom: 5px;
}

/* Ensure proper heading hierarchy - override Bootstrap/style.css */
.container h1 {
    font-size: 2rem !important;
    margin-bottom: 10px;
}

.container h2 {
	margin-top: 25px;
    font-size: 1.75rem !important;
    margin-bottom: 8px;
}

.container h3 {
    font-size: 1.5rem !important;
    margin-top: 25px;
    margin-bottom: 7px;
}

.container h4 {
    font-size: 1.1rem !important;
    margin-top: 20px;
    margin-bottom: 6px;
}

.container h5 {
    font-size: 1rem !important;
    margin-top: 16px;
    font-weight: 600;
}

.container h6 {
    font-size: 0.9rem !important;
    margin-top: 16px;
    font-weight: 600;
}




.level3
{
    padding-left: 28px
}


.level4
{
    padding-left: 24px
}

h5
{
    font-size: 0.95rem;
    margin-bottom: 5px;

}

.level5
{
    padding-left: 24px

}

h6
{
    font-size: 10px;
        margin-bottom: 5px;

}

.level6
{
    padding-left: 24px;
}