.page-index {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333333; /* Default text color for light backgrounds */
    background: var(--bg-color, #FFFFFF); /* Inherit from shared, fallback to white */
}

.page-index h1,
.page-index h2,
.page-index h3,
.page-index h4,
.page-index h5,
.page-index h6 {
    color: #000000; /* Darker titles for contrast */
    margin-bottom: 15px;
    font-weight: bold;
}

.page-index h1 { font-size: 2.8em; }
.page-index h2 { font-size: 2.2em; }
.page-index h3 { font-size: 1.6em; }}