/* Engine page: global header + mobile drawer on dark background */

body.zh-engine-page header {
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

body.zh-engine-page .brand-logo {
    color: #e2e8f0;
}

body.zh-engine-page .brand-logo svg {
    color: #e2e8f0;
}

body.zh-engine-page nav.nav-desktop > a,
body.zh-engine-page nav.nav-desktop .dropdown > a {
    color: #cbd5e1;
    opacity: 0.95;
}

body.zh-engine-page nav.nav-desktop > a:hover,
body.zh-engine-page nav.nav-desktop .dropdown:hover > a {
    color: #ffffff;
    opacity: 1;
}

body.zh-engine-page .nav-arrow {
    opacity: 0.65;
}

body.zh-engine-page .dropdown-content {
    background: rgba(18, 22, 30, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55);
}

body.zh-engine-page .dropdown-item {
    color: #e2e8f0;
}

body.zh-engine-page .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

body.zh-engine-page .dropdown-text span {
    color: #94a3b8;
}

body.zh-engine-page .dropdown-icon {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    color: #c4b5fd;
}

body.zh-engine-page .header-actions .btn-primary {
    background: #f8fafc;
    color: #0f172a;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

body.zh-engine-page .header-actions .btn-primary:hover {
    background: var(--zealic-purple, #6b38fb);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(107, 56, 251, 0.35);
}

body.zh-engine-page .nav-toggle {
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
}

body.zh-engine-page .nav-toggle:hover {
    background: rgba(255, 255, 255, 0.14);
}

body.zh-engine-page .mobile-nav-sheet {
    background: rgba(15, 23, 42, 0.97);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: -12px 0 48px rgba(0, 0, 0, 0.55);
}

body.zh-engine-page .mobile-nav-heading {
    color: #94a3b8;
}

body.zh-engine-page .mobile-nav-links > a:not(.btn-primary),
body.zh-engine-page .mobile-nav-links > a.mobile-nav-link {
    color: #e2e8f0;
}

body.zh-engine-page .mobile-nav-links > a:not(.btn-primary):hover,
body.zh-engine-page .mobile-nav-links > a.mobile-nav-link:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #c4b5fd;
}

body.zh-engine-page .mobile-nav-links > a.btn-primary {
    color: #0f172a;
}

body.zh-engine-page .mobile-nav-links > a.btn-primary:hover {
    color: #ffffff;
}

/* Footer on Engine: solid light band + dark type (header .brand-logo light theme would otherwise win in cascade) */
body.zh-engine-page footer {
    background: #f1f5f9;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

body.zh-engine-page footer .footer-bottom {
    border-top-color: rgba(15, 23, 42, 0.08);
}

body.zh-engine-page footer .footer-brand .brand-logo,
body.zh-engine-page footer .footer-brand .brand-name-full {
    color: #0f172a;
}

body.zh-engine-page footer .footer-brand .brand-logo svg {
    color: inherit;
}

body.zh-engine-page footer .footer-brand p {
    color: #334155;
}

body.zh-engine-page footer .link-col h4 {
    color: #0f172a;
}

body.zh-engine-page footer .link-col a {
    color: #334155;
}

body.zh-engine-page footer .link-col a:hover {
    color: var(--zealic-purple, #6b38fb);
}

body.zh-engine-page footer .footer-bottom p {
    color: #475569;
}

body.zh-engine-page footer .legal-links a {
    color: #475569;
}

body.zh-engine-page footer .legal-links a:hover {
    color: var(--zealic-purple, #6b38fb);
}