/* Override Zensical modern theme: restore colored header */
.md-header {
    background-color: var(--md-primary-fg-color) !important;
    color: var(--md-primary-bg-color) !important;
}

/* Search bar: blend with indigo header */
.md-header .md-search__button {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.md-header .md-search__button:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
}

.md-header .md-search__button::after {
    background: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.md-header .md-search__button::before {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

/* DataFlex syntax highlighting - Light and Dark mode support */

/* Light mode (default) */
[data-md-color-scheme="default"] .highlight .k,
[data-md-color-scheme="default"] .highlight .kn,
[data-md-color-scheme="default"] .highlight .kr,
[data-md-color-scheme="default"] .highlight .kt {
    color: #0000FF !important;
}

[data-md-color-scheme="default"] .highlight .s,
[data-md-color-scheme="default"] .highlight .s1,
[data-md-color-scheme="default"] .highlight .s2,
[data-md-color-scheme="default"] .highlight .sa {
    color: #800080 !important;
}

[data-md-color-scheme="default"] .highlight .c,
[data-md-color-scheme="default"] .highlight .c1,
[data-md-color-scheme="default"] .highlight .cm {
    color: #008000 !important;
}

[data-md-color-scheme="default"] .highlight .n,
[data-md-color-scheme="default"] .highlight .nf,
[data-md-color-scheme="default"] .highlight .nc,
[data-md-color-scheme="default"] .highlight .na,
[data-md-color-scheme="default"] .highlight .m,
[data-md-color-scheme="default"] .highlight .mi,
[data-md-color-scheme="default"] .highlight .mf,
[data-md-color-scheme="default"] .highlight .p {
    color: #000000 !important;
}

[data-md-color-scheme="default"] .highlight .o,
[data-md-color-scheme="default"] .highlight .ow {
    color: #FF0000 !important;
}

/* Dark mode (slate theme) */
[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kn,
[data-md-color-scheme="slate"] .highlight .kr,
[data-md-color-scheme="slate"] .highlight .kt {
    color: #569CD6 !important;
}

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2,
[data-md-color-scheme="slate"] .highlight .sa {
    color: #CE9178 !important;
}

[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .c1,
[data-md-color-scheme="slate"] .highlight .cm {
    color: #6A9955 !important;
}

[data-md-color-scheme="slate"] .highlight .n,
[data-md-color-scheme="slate"] .highlight .nf,
[data-md-color-scheme="slate"] .highlight .nc,
[data-md-color-scheme="slate"] .highlight .na,
[data-md-color-scheme="slate"] .highlight .m,
[data-md-color-scheme="slate"] .highlight .mi,
[data-md-color-scheme="slate"] .highlight .mf,
[data-md-color-scheme="slate"] .highlight .p {
    color: #D4D4D4 !important;
}

[data-md-color-scheme="slate"] .highlight .o,
[data-md-color-scheme="slate"] .highlight .ow {
    color: #FF6B9D !important;
}

/* H1 headers: soft white */
[data-md-color-scheme="slate"] .md-content h1 {
    color: #e0e0e0;
}

/* Tables: allow horizontal scroll and keep inline code on one line */
.md-typeset table {
    display: block;
    overflow-x: auto;
}

.md-typeset td code,
.md-typeset th code {
    white-space: nowrap;
}

/* API member lists */
.md-typeset .api-list dl {
    margin: 0.75rem 0 1.5rem;
}

.md-typeset .api-list dt {
    margin-top: 0.75rem;
    font-weight: 600;
}

.md-typeset .api-list dt code {
    white-space: normal;
    overflow-wrap: anywhere;
}

.md-typeset .api-list dd {
    margin-inline-start: 0;
    margin-top: 0.15rem;
    color: var(--md-default-fg-color--light);
}

/* Fluid content width: the vw term only overtakes the stock rem floor
   past a certain viewport width, so normal screens are unaffected; scales
   partway above that, capped for readable line length on ultrawide. */
.md-grid {
    max-width: clamp(61rem, 50vw, 100rem);
}