/* Functional chrome follows system visual preferences. Default rendering and
   Canvas colors are unchanged; these rules do not claim Canvas contrast support. */
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    :root {
        --rail-bg: #10151d;
        --glass-1: #10151d;
        --glass-2: #10151d;
        --panel-bg: #10151d;
    }
    body :is(.glass-pane, .atlas-entry, .pill-tooltip,
        #hdr, #search-input, #search-results, #filter-bar, #panel,
        #controls, #breadcrumb, #tooltip, #link-tooltip, #recommend,
        #onboard-card, #shortcuts-card, #zoom-indicator,
        #v2-context-return, #v2-search-input, #v2-search-results,
        .v2-search-feedback, #v2-card, #v2-node-mirror:focus-within,
        .atlas-controls, .atlas-tooltip, .atlas-directory,
        .wpk-card, #wi-card, #wonder-panel, #wp-nav) {
        background: #10151d !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        /* Apply the requested material immediately; do not tween a legacy
           transition-all through partially transparent, partially blurred UI. */
        transition-property: color, opacity, transform !important;
    }
    /* Existing mobile header glass stays on its pseudo-element so fixed child
       panels retain the viewport as their containing block. */
    body :is(.galaxy-v2__header, #hdr)::before,
    body #shortcuts {
        background: #10151d !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        transition-property: color, opacity, transform !important;
    }
    body :is(.atlas-entry, .featured-card, .wpk-card)::after { background: none; }
    /* These groups already use --rail-bg when framed, but become unboxed at
       narrow widths. Drop their filters without inventing a new filled wrapper. */
    body :is(.v2-brand, .v2-primary-nav, #v2-languages, .v2-controls) {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (max-width: 760px) and (prefers-reduced-transparency: reduce),
       (max-width: 760px) and (prefers-contrast: more) {
    body .v2-controls button { background-color: #10151d; }
}

@media (prefers-contrast: more) {
    :root {
        --rail-border: #9caec4;
        --rail-divider: #7c8aa6;
        --neblux-glass-border: #9caec4;
        --line-subtle: #9caec4;
        --ink-soft: #d4dfed;
        --ink-faint: #c0cfe3;
        --panel-soft: #d4dfed;
        --panel-faint: #c0cfe3;
    }
    body :is(.glass-pane, .atlas-entry, .pill-tooltip,
        #hdr, #search-input, #search-results, #filter-bar, #panel,
        #onboard-card, #shortcuts-card, #v2-search-input, #v2-search-results,
        #v2-card, #v2-node-mirror:focus-within, .atlas-controls, .atlas-tooltip, .atlas-directory,
        .wpk-card, #wi-card, #wonder-panel) { border-color: #9caec4 !important; }
    body :is(#searchInput, #search-input, #v2-search-input):focus-visible {
        outline: 2px solid var(--neblux-accent);
        outline-offset: -3px;
    }
    body :is(.search-result-item.active, .sr.active,
        #v2-search-results [aria-selected="true"],
        #v2-domains .is-active, #v2-languages .is-active,
        .filter-btn.active, .lang-btn.active, [data-atlas-lang][aria-pressed="true"]) {
        outline: 2px solid var(--neblux-accent);
        outline-offset: -2px;
    }
    body :is(.search-result-description, .featured-intro, .atlas-entry-body) { color: #d4dfed; }
}

@media (forced-colors: active) {
    body :is(.search-result-item.active, .sr.active,
        #v2-search-results [aria-selected="true"],
        #v2-domains .is-active, #v2-languages .is-active,
        .filter-btn.active, .lang-btn.active, [data-atlas-lang][aria-pressed="true"],
        .wp-dot.is-active) {
        outline: 2px solid Highlight;
        outline-offset: -2px;
    }
    body :is(.glass-pane, .atlas-entry, .pill-tooltip,
        #hdr, #search-input, #search-results, #filter-bar, #panel,
        #controls, #breadcrumb, #tooltip, #link-tooltip, #recommend,
        #onboard-card, #shortcuts-card, #shortcuts,
        #v2-context-return, #v2-search-input, #v2-search-results,
        .v2-search-feedback, #v2-card, #v2-node-mirror:focus-within,
        .atlas-controls, .atlas-tooltip, .atlas-directory,
        .wpk-card, #wi-card, #wonder-panel, #wp-nav) {
        background: Canvas !important;
        color: CanvasText;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        transition-property: color, opacity, transform !important;
    }
}