/* Always show "VillageMetrics Help | Page Title" in header */
.md-header__title {
    font-size: 0.9rem !important;
}

/* Only add "VillageMetrics Help | " prefix to the second topic (shown when scrolling) */
.md-header__topic + .md-header__topic .md-ellipsis::before {
    content: "VillageMetrics Help | ";
    font-weight: 600;
}

/* Hide redundant site title in left navigation */
.md-nav--primary .md-nav__title {
    display: none !important;
}

/* Consistent styling for all navigation items */
.md-nav--primary .md-nav__list > .md-nav__item > .md-nav__link {
    font-weight: 400 !important;
    font-size: 0.8rem !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: var(--md-default-fg-color--light) !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    padding-left: 0.75rem !important;
    margin-bottom: 0.2rem !important;
}

/* Customize the table of contents title */
.md-nav--secondary .md-nav__title {
    display: none !important;
}

/* Or alternatively, change the title text */
.md-nav--secondary .md-nav__title::before {
    content: "On This Page" !important;
    font-weight: 500 !important;
    color: var(--md-default-fg-color--light) !important;
}

.md-nav--secondary .md-nav__title .md-ellipsis {
    display: none !important;
}

/* Current page highlighting - use blue accent for active page only */
.md-nav--primary .md-nav__item--active > .md-nav__link {
    color: var(--md-primary-fg-color) !important;
    font-weight: 600 !important;
    border-left: 3px solid var(--md-primary-fg-color) !important;
    padding-left: 1rem !important;
    background-color: var(--md-primary-fg-color--lightest) !important;
}

/* Ensure content lists display properly */
.md-content ul {
    list-style-type: disc !important;
    padding-left: 1.5rem !important;
    margin: 1rem 0 !important;
}

.md-content ul li {
    display: list-item !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.6 !important;
}

.md-content ul li p {
    display: inline !important;
    margin: 0 !important;
}

/* Fix any potential whitespace issues */
.md-content ul li:last-child {
    margin-bottom: 0 !important;
}

/* Force proper list rendering and prevent text concatenation */
.md-typeset ul {
    display: block !important;
}

.md-typeset ul li {
    display: list-item !important;
    white-space: normal !important;
}

/* Ensure ordered lists also work properly */
.md-content ol {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important;
    margin: 1rem 0 !important;
}

.md-content ol li {
    display: list-item !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.6 !important;
}

/* Fallback styling for better readability */
.md-content p strong {
    font-weight: 600 !important;
}

/* Enhanced heading hierarchy for better visual distinction */
.md-content h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    border-bottom: 2px solid var(--md-primary-fg-color--light) !important;
    padding-bottom: 0.5rem !important;
    color: var(--md-primary-fg-color) !important;
}

.md-content h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.75rem !important;
    color: var(--md-default-fg-color) !important;
}

.md-content h4 {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
    color: var(--md-default-fg-color--light) !important;
}

/* Better spacing for content after headers */
.md-content h2 + p,
.md-content h3 + p,
.md-content h4 + p {
    margin-top: 0.5rem !important;
}

/* Ensure proper spacing between sections */
.md-content h2:first-child {
    margin-top: 0 !important;
}

/* Enhanced list styling to ensure lists always display properly */
.md-content ul {
    list-style-type: disc !important;
    padding-left: 1.5rem !important;
    margin: 1rem 0 !important;
    display: block !important;
}

.md-content ul li {
    display: list-item !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.6 !important;
}

.md-content ol {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important;
    margin: 1rem 0 !important;
    display: block !important;
}

.md-content ol li {
    display: list-item !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.6 !important;
}

/* Ensure lists that follow colons have proper spacing */
.md-content p:matches("*:") + ul,
.md-content p:matches("*:") + ol {
    margin-top: 0.5rem !important;
}

/* Fallback: try to detect malformed numbered lists in paragraphs */
.md-content p:contains("1."):contains("2.") {
    white-space: pre-line !important;
    line-height: 1.6 !important;
}

/* Subtle page source link styling (like "Edit on GitHub") */
.page-source-link {
    margin-top: 2rem !important;
    text-align: right !important;
    opacity: 0.6 !important;
}

.page-source-link a {
    color: var(--md-default-fg-color--light) !important;
    text-decoration: none !important;
    font-size: 0.75rem !important;
}

.page-source-link a:hover {
    opacity: 1 !important;
    text-decoration: underline !important;
}