/* styles.css — improves header row visibility in tables */

/* Apply to all table headers */
.md-typeset table thead {
    background-color: var(--md-default-bg-color--lighter); /* soft background contrast */
    border-bottom: 1px solid var(--md-default-fg-color--lighter);
}

/* Make table headers bold and slightly more spaced */
.md-typeset table thead th {
    font-weight: 600;
    padding: 0.6em 1em;
}

/* Optional: Slight padding and left-alignment for table cells */
.md-typeset table td {
    padding: 0.6em 1em;
    text-align: left;
}

/* Dark mode override: ensure strong header contrast */
@media (prefers-color-scheme: dark) {
    .md-typeset table thead {
        background-color: #222 !important;  /* or #2a2a2a for softer tone */
    }

    .md-typeset table thead th {
        color: #fff;
    }
}