/* Site-wide palette layer.
   Paint values only: no layout, sizing, spacing, radius, typography or motion. */

/* Shared brand and account colours. Pages without a body class are left
   untouched so 观命书苑 keeps its own independent theme system. */
html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header :is(a.brand-mark, .brand, .site-brand) {
    border-color: color-mix(in srgb, var(--site-accent) 52%, var(--site-paper)) !important;
    background:
        linear-gradient(180deg, var(--site-paper), color-mix(in srgb, var(--site-paper) 88%, var(--site-soft))),
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--site-accent) 12%, transparent), transparent 46%) !important;
    box-shadow:
        0 14px 34px color-mix(in srgb, var(--site-accent) 12%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--site-paper) 92%, transparent) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header :is(a.brand-mark, .brand, .site-brand):hover {
    border-color: color-mix(in srgb, var(--site-accent) 68%, var(--site-paper)) !important;
    box-shadow:
        0 18px 38px color-mix(in srgb, var(--site-accent) 16%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--site-paper) 96%, transparent) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(.brand-text strong, .brand-title, .site-brand-title) {
    color: var(--site-title) !important;
    text-shadow: 0 1px 0 color-mix(in srgb, var(--site-paper) 70%, transparent) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(.brand-text span, .brand-sub, .site-brand-subtitle) {
    color: var(--site-muted) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .user-menu-trigger.avatar-trigger {
    border-color: color-mix(in srgb, var(--site-accent) 46%, var(--site-paper)) !important;
    background: linear-gradient(145deg, var(--site-paper), var(--site-soft)) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .user-menu-trigger.avatar-trigger::before {
    background-color: var(--site-accent) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .user-menu-trigger.avatar-trigger::after {
    border-color: var(--site-accent) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .user-menu-panel {
    border-color: color-mix(in srgb, var(--site-accent) 38%, transparent) !important;
    background-color: color-mix(in srgb, var(--site-paper) 98%, transparent) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--site-accent) 12%, transparent) !important;
}

html[data-site-theme] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .user-menu-panel :is(.btn-secondary, .btn-logout, .btn-soft, .btn, .user-link) {
    border-color: color-mix(in srgb, var(--site-accent) 36%, transparent) !important;
    background-color: var(--site-paper) !important;
    color: var(--site-accent) !important;
}

html[data-site-theme] body.quiz-space-page {
    --quiz-bg: var(--site-canvas);
    --quiz-card: var(--site-paper);
    --quiz-line: var(--site-line);
    --quiz-title: var(--site-title);
    --quiz-sub: var(--site-muted);
    --quiz-main: var(--site-accent);
    --quiz-main-deep: color-mix(in srgb, var(--site-accent) 78%, black);
    color: var(--site-title);
    background-color: var(--site-canvas);
}

html[data-site-theme] body.quiz-space-page :is(.quiz-card, .quiz-content, .quiz-sidebar) {
    border-color: var(--site-line) !important;
    background: linear-gradient(145deg, var(--site-paper), color-mix(in srgb, var(--site-paper) 94%, var(--site-soft))) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar-channel {
    border-color: color-mix(in srgb, var(--site-accent) 28%, transparent) !important;
    background: color-mix(in srgb, var(--site-paper) 82%, transparent) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar-channel.is-current {
    border-color: color-mix(in srgb, var(--site-accent) 52%, transparent) !important;
    background: color-mix(in srgb, var(--site-soft) 74%, var(--site-paper)) !important;
    box-shadow: 0 3px 12px color-mix(in srgb, var(--site-accent) 7%, transparent) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .nav-item {
    background-color: var(--site-paper) !important;
    color: var(--site-title) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .nav-item:hover {
    border-color: color-mix(in srgb, var(--site-accent) 34%, transparent) !important;
    background: color-mix(in srgb, var(--site-soft) 76%, var(--site-paper)) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .nav-item.active,
html[data-site-theme] body.quiz-space-page .quiz-sidebar .nav-item.quiz-sidebar-channel-link.active {
    border-color: color-mix(in srgb, var(--site-accent) 52%, transparent) !important;
    background: var(--site-soft) !important;
    color: var(--site-title) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-tab-header {
    border-bottom-color: var(--site-line) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-tab-btn:not(.quiz-heroes-main-tab),
html[data-site-theme] body.quiz-space-page .quiz-admin-action-tab {
    color: var(--site-title) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-tab-btn.active:not(.quiz-heroes-main-tab),
html[data-site-theme] body.quiz-space-page .quiz-admin-action-tab.active {
    color: var(--site-accent) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-tab-btn.active:not(.quiz-heroes-main-tab)::after,
html[data-site-theme] body.quiz-space-page .quiz-admin-action-tab.active::after {
    background-color: var(--site-accent) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .quiz-admin-channel-tabs {
    border-color: color-mix(in srgb, var(--site-accent) 38%, transparent) !important;
    background-color: color-mix(in srgb, var(--site-paper) 88%, transparent) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .quiz-admin-action-tabs {
    border-top-color: color-mix(in srgb, var(--site-accent) 26%, transparent) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .quiz-admin-channel-tab,
html[data-site-theme] body.quiz-space-page .quiz-sidebar .quiz-admin-action-tab {
    color: var(--site-title) !important;
}

html[data-site-theme] body.quiz-space-page .quiz-sidebar .quiz-admin-channel-tab.active {
    border-color: color-mix(in srgb, var(--site-accent) 52%, transparent) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--site-soft) 82%, var(--site-paper)), var(--site-soft)) !important;
    color: var(--site-accent) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--site-accent) 8%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) {
    --school-ink: var(--site-title);
    --school-muted: var(--site-muted);
    --school-line: var(--site-line);
    --school-panel: var(--site-paper);
    --school-soft: color-mix(in srgb, var(--site-paper) 82%, var(--site-soft));
    --school-cream: var(--site-soft);
    --school-copper: var(--site-accent);
    --school-copper-2: color-mix(in srgb, var(--site-accent) 78%, white);
    --school-gold: color-mix(in srgb, var(--site-accent) 58%, white);
    color: var(--site-title) !important;
    background: linear-gradient(180deg, var(--site-paper) 0%, var(--site-paper) 58%, var(--site-canvas) 100%) !important;
    background-image: linear-gradient(180deg, var(--site-paper) 0%, var(--site-paper) 58%, var(--site-canvas) 100%) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .site-header {
    border-color: color-mix(in srgb, var(--site-accent) 18%, transparent) !important;
    background: color-mix(in srgb, var(--site-paper) 94%, transparent) !important;
    box-shadow: 0 8px 28px color-mix(in srgb, var(--site-accent) 6%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .site-brand, .brand-title, .section-heading h2, .school-title-block h1,
    .blind-doc-preview-head h3, .blind-doc-html h1, .blind-doc-html h2,
    .blind-doc-html h3, .blind-doc-editor h1, .blind-doc-editor h2,
    .blind-doc-editor h3
) {
    color: var(--site-title) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .brand-icon {
    border-color: color-mix(in srgb, var(--site-accent) 32%, transparent) !important;
    box-shadow: 0 7px 18px color-mix(in srgb, var(--site-accent) 12%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.brand-orbit, .brand-dot) {
    border-color: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .brand-dot {
    background-color: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .school-title-block, .school-rail, .blind-doc-upload-form, .blind-doc-sidebar,
    .blind-doc-list, .blind-doc-preview, .lesson-tile,
    .knowledge-system-board article, .teaching-flow, .course-design-form
) {
    border-color: color-mix(in srgb, var(--site-accent) 20%, transparent) !important;
    background-color: var(--site-paper) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.page-kicker, .status-pill, .section-no, .slide-label, .quiz-editor-meta) {
    border-color: color-mix(in srgb, var(--site-accent) 30%, transparent) !important;
    color: var(--site-accent) !important;
    background-color: var(--site-soft) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .school-rail::before, .school-rail a, .blind-doc-current-folder,
    .blind-doc-folder-shell, .blind-doc-folder-icon-btn, .blind-doc-root-more
) {
    color: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a:hover {
    color: var(--site-title) !important;
    background: color-mix(in srgb, var(--site-soft) 68%, var(--site-paper)) !important;
    box-shadow: none !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a.active {
    color: var(--site-accent) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--site-paper) 78%, var(--site-soft)), var(--site-soft)) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--site-accent) 28%, transparent), 0 5px 14px color-mix(in srgb, var(--site-accent) 7%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a.active::after {
    background: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .site-nav a {
    border-color: color-mix(in srgb, var(--site-accent) 20%, transparent) !important;
    color: var(--site-title) !important;
    background-color: color-mix(in srgb, var(--site-paper) 78%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .site-nav a:hover {
    border-color: color-mix(in srgb, var(--site-accent) 42%, transparent) !important;
    color: var(--site-accent) !important;
    background-color: var(--site-soft) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .site-nav a.active {
    border-color: var(--site-accent) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--site-accent) 76%, white), var(--site-accent)) !important;
    box-shadow: 0 8px 19px color-mix(in srgb, var(--site-accent) 20%, transparent) !important;
}

/* The School shell already follows the selected site palette. Keep the
   course landing content on the same palette as well; these are paint-only
   overrides and deliberately leave its information hierarchy and geometry
   untouched. */
html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-subnav {
    border-color: var(--site-line) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-subnav button {
    color: var(--site-title) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-subnav button.active {
    color: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-subnav button.active::after {
    background: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-system-hero,
    .course-program-card,
    .course-extension-section,
    .course-selection-section,
    .about-blind-hero,
    .about-document-card,
    .about-document-search-result-card
) {
    border-color: color-mix(in srgb, var(--site-line) 82%, transparent) !important;
    background-color: var(--site-paper) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--site-accent) 7%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-system-hero,
    .course-extension-section,
    .course-selection-section,
    .about-blind-hero
) {
    background-image:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--site-accent) 9%, transparent), transparent 38%),
        linear-gradient(145deg, var(--site-paper), color-mix(in srgb, var(--site-paper) 78%, var(--site-soft))) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-system-hero::after,
html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .about-blind-hero::before {
    background: linear-gradient(180deg, var(--site-accent), color-mix(in srgb, var(--site-accent) 52%, white)) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-system-hero > h3,
    .course-program-heading h3,
    .course-section-heading h3,
    .course-extension-card h4,
    .course-consult-cta h3,
    .about-blind-hero h3,
    .about-document-content h3,
    .about-document-search-result-card h4,
    .course-path-step > strong
) {
    color: var(--site-title) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-system-hero > p,
    .course-program-summary,
    .course-module-list > span,
    .course-section-heading p,
    .course-extension-card p,
    .course-selection-list article > p,
    .course-consult-cta p,
    .about-blind-hero p,
    .about-document-content p,
    .about-document-search-result-card p,
    .course-path-step > p
) {
    color: var(--site-muted) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-path-step > span,
    .course-path-step > b,
    .course-program-subtitle,
    .course-program-result strong,
    .course-extension-card > div,
    .course-selection-list article > strong,
    .course-consult-cta span,
    .about-document-read
) {
    color: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-path-grid {
    border-color: var(--site-line) !important;
    background: color-mix(in srgb, var(--site-line) 72%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-path-step,
    .course-extension-card,
    .course-selection-list article
) {
    border-color: color-mix(in srgb, var(--site-line) 78%, transparent) !important;
    background: color-mix(in srgb, var(--site-paper) 96%, var(--site-soft)) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-program-number {
    color: color-mix(in srgb, var(--site-accent) 28%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .course-module-list,
    .course-module-list > span
) {
    border-color: color-mix(in srgb, var(--site-line) 64%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-module-list > span::before {
    background: var(--site-accent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-program-result {
    color: var(--site-title) !important;
    background: color-mix(in srgb, var(--site-soft) 72%, var(--site-paper)) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-consult-cta {
    border-color: color-mix(in srgb, var(--site-line) 84%, transparent) !important;
    background: linear-gradient(145deg, var(--site-paper), color-mix(in srgb, var(--site-soft) 76%, var(--site-paper))) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--site-accent) 7%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .course-consult-cta button {
    border-color: var(--site-accent) !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--site-accent) 72%, white), var(--site-accent)) !important;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--site-accent) 16%, transparent) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(
    .about-document-search-bar input,
    .about-document-search-bar button,
    .about-document-cover
) {
    border-color: var(--site-line) !important;
}

html[data-site-theme] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .about-document-cover {
    color: var(--site-title) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--site-soft) 76%, var(--site-paper)), var(--site-soft)) !important;
}

/* 旧版铜棕映射仅保留为迁移记录，严格四色版启用后不再参与绘制。 */
@media (min-width: 100000px) {
    html[data-site-theme="apricot"] {
        --apricot-control:
            linear-gradient(180deg, color-mix(in srgb, var(--site-paper) 96%, white), color-mix(in srgb, var(--site-paper) 82%, var(--site-soft)));
        --apricot-control-hover:
            linear-gradient(180deg, color-mix(in srgb, var(--site-paper) 76%, var(--site-soft)), color-mix(in srgb, var(--site-soft) 82%, var(--site-paper)));
        --apricot-active:
            linear-gradient(145deg, color-mix(in srgb, var(--site-accent) 62%, white) 0%, var(--site-accent) 54%, color-mix(in srgb, var(--site-accent) 78%, black) 100%);
        --apricot-panel:
            linear-gradient(145deg, var(--site-paper), color-mix(in srgb, var(--site-paper) 94%, var(--site-soft)));
        --apricot-shadow:
            0 8px 22px color-mix(in srgb, var(--site-accent) 7%, transparent), inset 0 1px 0 color-mix(in srgb, white 78%, transparent);
        --apricot-active-shadow:
            0 11px 24px color-mix(in srgb, var(--site-accent) 20%, transparent), inset 0 1px 0 color-mix(in srgb, white 28%, transparent);
    }

    /* 一级导航与首页保持完全相同的状态语言。 */
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a {
        border-color: color-mix(in srgb, var(--site-line) 72%, var(--site-paper)) !important;
        color: var(--site-title) !important;
        background: var(--apricot-control) !important;
        box-shadow: var(--apricot-shadow) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a:hover,
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a.active {
        border-color: color-mix(in srgb, var(--site-accent) 48%, var(--site-paper)) !important;
        color: #fffdf8 !important;
        background: var(--apricot-active) !important;
        box-shadow: var(--apricot-active-shadow) !important;
        text-shadow: 0 1px 0 color-mix(in srgb, black 18%, transparent) !important;
    }

    /* 同类容器统一为暖白纸面、青绿描边和轻阴影。 */
    html[data-site-theme="apricot"] body.cases-page :is(.search-section, .bazi-search-panel, .results-summary, .case-card),
    html[data-site-theme="apricot"] body.pan-page :is(.card, .import-section, .governance-entry-panel),
    html[data-site-theme="apricot"] body.my-cases-page :is(.sidebar, .content, .notice, .case-card),
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar, .quiz-card, .quiz-content),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.school-sidebar, .school-content-panel, .course-system-hero, .course-program-card, .course-extension-section, .course-selection-section, .about-blind-hero, .about-document-card) {
        border-color: color-mix(in srgb, var(--site-line) 86%, transparent) !important;
        background-color: var(--site-paper) !important;
        box-shadow: var(--apricot-shadow) !important;
    }

    html[data-site-theme="apricot"] body :is(.page-title, .panel-title, .section-heading h2, .school-title-block h1, .course-system-hero > h3, .course-program-heading h3, .course-section-heading h3, .quiz-rankings-heading) {
        color: var(--site-title) !important;
        text-shadow: 0 1px 0 color-mix(in srgb, white 70%, transparent) !important;
    }

    html[data-site-theme="apricot"] body :is(.page-summary, .panel-subtitle, .course-program-summary, .course-section-heading p, .quiz-message, .results-hint) {
        color: var(--site-muted) !important;
    }

    /* 输入、选择器和弱操作使用首页的雾蓝浅色表面。 */
    html[data-site-theme="apricot"] body:not(.home-page) :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        select,
        textarea,
        .filter-select,
        .per-page-select,
        .btn-secondary,
        .btn-soft,
        .btn-ghost,
        .ghost-button,
        .page-btn,
        .my-cases-sidebar-toggle
    ) {
        border-color: color-mix(in srgb, var(--site-line) 86%, var(--site-paper)) !important;
        color: var(--site-title) !important;
        background: var(--apricot-control) !important;
        box-shadow: inset 0 1px 0 color-mix(in srgb, white 78%, transparent) !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page) :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        select,
        textarea
    ):focus {
        border-color: color-mix(in srgb, var(--site-accent) 58%, var(--site-line)) !important;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-accent) 12%, transparent) !important;
        outline: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page) :is(.btn-secondary, .btn-soft, .btn-ghost, .ghost-button, .page-btn, .my-cases-sidebar-toggle):hover {
        border-color: color-mix(in srgb, var(--site-accent) 42%, var(--site-line)) !important;
        color: var(--site-accent) !important;
        background: var(--apricot-control-hover) !important;
        box-shadow: 0 6px 15px color-mix(in srgb, var(--site-accent) 8%, transparent) !important;
    }

    /* 主要操作统一为铜柑渐变和高对比白字。危险操作仍使用红色语义。 */
    html[data-site-theme="apricot"] body:not(.home-page) :is(
        .btn-primary,
        .btn-main,
        .primary-action,
        .page-btn.active,
        .search-inline-controls .btn-primary,
        .course-consult-cta button
    ):not(.btn-danger):not(.danger):not(.danger-button):not(.is-danger) {
        border-color: color-mix(in srgb, var(--site-accent) 52%, var(--site-paper)) !important;
        color: #fffdf8 !important;
        background: var(--apricot-active) !important;
        box-shadow: var(--apricot-active-shadow) !important;
        text-shadow: 0 1px 0 color-mix(in srgb, black 18%, transparent) !important;
    }

    /* 二级导航采用相同组件语义：默认雾蓝、选中铜柑。 */
    html[data-site-theme="apricot"] body.pan-page .panpan-tab,
    html[data-site-theme="apricot"] body.my-cases-page .nav-item,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item, .quiz-sidebar-channel, .quiz-admin-channel-tab),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a {
        border-color: color-mix(in srgb, var(--site-line) 72%, transparent) !important;
        color: var(--site-title) !important;
        background: var(--apricot-control) !important;
        box-shadow: none !important;
    }

    html[data-site-theme="apricot"] body.pan-page .panpan-tab:hover:not(.active),
    html[data-site-theme="apricot"] body.my-cases-page .nav-item:hover,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item, .quiz-sidebar-channel, .quiz-admin-channel-tab):hover,
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a:hover {
        border-color: color-mix(in srgb, var(--site-accent) 38%, var(--site-line)) !important;
        color: var(--site-accent) !important;
        background: var(--apricot-control-hover) !important;
        box-shadow: 0 6px 15px color-mix(in srgb, var(--site-accent) 8%, transparent) !important;
    }

    html[data-site-theme="apricot"] body.pan-page .panpan-tab.active,
    html[data-site-theme="apricot"] body.my-cases-page .nav-item.active,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item.active, .quiz-sidebar-channel.is-current, .quiz-admin-channel-tab.active),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a.active {
        border-color: color-mix(in srgb, var(--site-accent) 52%, var(--site-paper)) !important;
        color: #fffdf8 !important;
        background: var(--apricot-active) !important;
        box-shadow: var(--apricot-active-shadow) !important;
        text-shadow: 0 1px 0 color-mix(in srgb, black 18%, transparent) !important;
    }

    html[data-site-theme="apricot"] body :is(.category-tag.active, .quiz-tab-btn.active:not(.quiz-heroes-main-tab), .quiz-admin-action-tab.active, .course-subnav button.active) {
        color: var(--site-accent) !important;
    }

    html[data-site-theme="apricot"] body :is(.quiz-tab-btn.active:not(.quiz-heroes-main-tab), .quiz-admin-action-tab.active, .course-subnav button.active)::after {
        background-color: var(--site-accent) !important;
    }

    /* 信息标签使用低饱和雾蓝；验证、性别、危险状态保持原业务色。 */
    html[data-site-theme="apricot"] body :is(.case-tag-chip, .case-source, .case-grade, .page-chip, .status-pill, .page-kicker) {
        border-color: color-mix(in srgb, var(--site-line) 82%, transparent) !important;
        color: var(--site-title) !important;
        background: color-mix(in srgb, var(--site-soft) 70%, var(--site-paper)) !important;
        box-shadow: none !important;
    }
}

/* 杏雾蓝柑严格四色版。
   四个母色之外不再引入其他主题色；正文色仅由“柑”色向黑色压暗得到，
   用于满足可读性，并不形成第五个强调色。首页保持原样。 */
html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) {
    --site-canvas: #F8EFD2;
    --site-paper: #F8EFD2;
    --site-soft: #CFE7F1;
    --site-line: #9FC8C0;
    --site-accent: #FFD8B8;
    --site-title: color-mix(in srgb, #9FC8C0 34%, #000000);
    --site-muted: color-mix(in srgb, #9FC8C0 52%, #000000);
    --apricot-ink: color-mix(in srgb, #9FC8C0 34%, #000000);
    --apricot-muted-ink: color-mix(in srgb, #9FC8C0 52%, #000000);
    --apricot-control: linear-gradient(180deg, #F8EFD2, #CFE7F1);
    --apricot-control-hover: linear-gradient(180deg, #CFE7F1, color-mix(in srgb, #CFE7F1 58%, #9FC8C0));
    --apricot-active: linear-gradient(145deg, #FFD8B8, color-mix(in srgb, #FFD8B8 62%, #9FC8C0));
    --apricot-panel: linear-gradient(145deg, #F8EFD2, color-mix(in srgb, #F8EFD2 74%, #CFE7F1));
    --apricot-shadow: 0 8px 22px color-mix(in srgb, #9FC8C0 20%, transparent);
    --apricot-active-shadow: 0 10px 22px color-mix(in srgb, #9FC8C0 34%, transparent);
    --school-copper: #FFD8B8;
    --school-copper-2: color-mix(in srgb, #FFD8B8 62%, #9FC8C0);
    --school-gold: #F8EFD2;
    --school-cream: #CFE7F1;
    color: var(--apricot-ink) !important;
}

@media (min-width: 100000px) {
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) {
        background: linear-gradient(180deg, #F8EFD2 0%, color-mix(in srgb, #F8EFD2 72%, #CFE7F1) 100%) !important;
        background-image: linear-gradient(180deg, #F8EFD2 0%, color-mix(in srgb, #F8EFD2 72%, #CFE7F1) 100%) !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header,
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header :is(a.brand-mark, .brand, .site-brand),
    html[data-site-theme="apricot"] body.cases-page :is(.search-section, .bazi-search-panel, .results-summary, .case-card),
    html[data-site-theme="apricot"] body.pan-page :is(.card, .import-section, .governance-entry-panel),
    html[data-site-theme="apricot"] body.my-cases-page :is(.sidebar, .content, .notice, .case-card),
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar, .quiz-card, .quiz-content),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.school-sidebar, .school-content-panel, .course-system-hero, .course-program-card, .course-extension-section, .course-selection-section, .about-blind-hero, .about-document-card) {
        border-color: #9FC8C0 !important;
        background: var(--apricot-panel) !important;
        background-color: #F8EFD2 !important;
        box-shadow: var(--apricot-shadow) !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(.brand-text strong, .brand-title, .site-brand-title, .page-title, .panel-title, .section-heading h2, .school-title-block h1),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.course-system-hero > h3, .course-program-heading h3, .course-section-heading h3),
    html[data-site-theme="apricot"] body.quiz-space-page .quiz-rankings-heading {
        color: var(--apricot-ink) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(.brand-text span, .brand-sub, .site-brand-subtitle, .page-summary, .panel-subtitle, .results-hint),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.course-program-summary, .course-section-heading p),
    html[data-site-theme="apricot"] body.quiz-space-page .quiz-message {
        color: var(--apricot-muted-ink) !important;
    }

    /* 一级导航、二级导航与页签只使用雾蓝、杏色、柑色及其深阶文字。 */
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a,
    html[data-site-theme="apricot"] body.pan-page .panpan-tab,
    html[data-site-theme="apricot"] body.my-cases-page .nav-item,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item, .quiz-sidebar-channel, .quiz-admin-channel-tab),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a {
        border-color: #9FC8C0 !important;
        color: var(--apricot-ink) !important;
        background: var(--apricot-control) !important;
        box-shadow: var(--apricot-shadow) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a:hover,
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a.active,
    html[data-site-theme="apricot"] body.pan-page .panpan-tab.active,
    html[data-site-theme="apricot"] body.my-cases-page .nav-item.active,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item.active, .quiz-sidebar-channel.is-current, .quiz-admin-channel-tab.active),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a.active {
        border-color: #9FC8C0 !important;
        color: var(--apricot-ink) !important;
        background: var(--apricot-active) !important;
        box-shadow: var(--apricot-active-shadow) !important;
        text-shadow: none !important;
    }

    /* 所有通用操作和表单不再使用铜棕或其他页面私有主题色。 */
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        select,
        textarea,
        .filter-select,
        .per-page-select,
        .btn-secondary,
        .btn-soft,
        .btn-ghost,
        .ghost-button,
        .page-btn,
        .my-cases-sidebar-toggle
    ) {
        border-color: #9FC8C0 !important;
        color: var(--apricot-ink) !important;
        background: var(--apricot-control) !important;
        box-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(
        .btn-primary,
        .btn-main,
        .primary-action,
        .page-btn.active,
        .search-inline-controls .btn-primary,
        .course-consult-cta button
    ):not(.btn-danger):not(.danger):not(.danger-button):not(.is-danger) {
        border-color: #9FC8C0 !important;
        color: var(--apricot-ink) !important;
        background: var(--apricot-active) !important;
        box-shadow: var(--apricot-active-shadow) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(
        input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
        select,
        textarea
    ):focus {
        border-color: #9FC8C0 !important;
        box-shadow: 0 0 0 3px color-mix(in srgb, #CFE7F1 72%, transparent) !important;
        outline: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) :is(.case-tag-chip, .case-source, .case-grade, .page-chip, .status-pill, .page-kicker, .category-tag) {
        border-color: #9FC8C0 !important;
        color: var(--apricot-ink) !important;
        background: #CFE7F1 !important;
        box-shadow: none !important;
    }

    html[data-site-theme="apricot"] body :is(.quiz-tab-btn.active:not(.quiz-heroes-main-tab), .quiz-admin-action-tab.active, .course-subnav button.active) {
        color: var(--apricot-ink) !important;
    }

    html[data-site-theme="apricot"] body :is(.quiz-tab-btn.active:not(.quiz-heroes-main-tab), .quiz-admin-action-tab.active, .course-subnav button.active)::after {
        background-color: #9FC8C0 !important;
    }
}

/* 杏雾蓝柑网页版最终映射：复用首页组件语言；背景画仅保留在首页。 */
html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) {
    --site-canvas: #F8EFD2;
    --site-paper: #FFFDF8;
    --site-soft: #CFE7F1;
    --site-line: #9FC8C0;
    --site-accent: #9A4F20;
    --site-title: #355D5B;
    --site-muted: #6F7E74;
    --site-hero: #FFD8B8;
    --home-cream-card: linear-gradient(135deg, #FFF9E8 0%, #F8EFD2 100%);
    --home-apricot-card: linear-gradient(135deg, #FFE8D2 0%, #FFD8B8 100%);
    --home-blue-card: linear-gradient(135deg, #E8F5FA 0%, #CFE7F1 100%);
    --home-green-card: linear-gradient(135deg, #CCE3DE 0%, #9FC8C0 100%);
    --home-brown-text: #4A3B31;
    --home-green-text: #294F4D;
    --home-card-border: rgba(71, 92, 86, .16);
    --home-card-shadow: 0 8px 20px rgba(72, 91, 84, .10);
    color: var(--site-title) !important;
    background: linear-gradient(180deg, #FFFDF8 0%, #F8EFD2 100%) !important;
}

@media (min-width: 0px) {
    /* 页面纸面、标题和说明文字沿用首页变量。 */
    html[data-site-theme="apricot"] body.cases-page :is(.search-section, .bazi-search-panel, .results-summary, .case-card),
    html[data-site-theme="apricot"] body.pan-page :is(.card, .import-section, .governance-entry-panel),
    html[data-site-theme="apricot"] body.my-cases-page :is(.sidebar, .content, .notice, .case-card),
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar, .quiz-card, .quiz-content),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) :is(.school-sidebar, .school-content-panel, .course-system-hero, .course-program-card, .course-extension-section, .course-selection-section, .about-blind-hero, .about-document-card) {
        border-color: var(--site-line) !important;
        background: linear-gradient(155deg, rgba(255, 253, 248, .94), rgba(255, 249, 232, .86)) !important;
        box-shadow: var(--home-card-shadow) !important;
    }

    html[data-site-theme="apricot"] body :is(.page-title, .panel-title, .section-heading h2, .school-title-block h1, .course-system-hero > h3, .course-program-heading h3, .course-section-heading h3, .quiz-rankings-heading) {
        color: var(--site-title) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body :is(.page-summary, .panel-subtitle, .course-program-summary, .course-section-heading p, .quiz-message, .results-hint) {
        color: var(--site-muted) !important;
    }

    /* 一级导航完整复制首页：暖白雾蓝默认态，首页铜柑选中态。 */
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav {
        border-color: var(--site-line) !important;
        background:
            linear-gradient(180deg, rgba(255, 253, 248, .96), color-mix(in srgb, #FFFDF8 88%, #CFE7F1)),
            radial-gradient(circle at 50% 0%, rgba(154, 79, 32, .14), transparent 62%) !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a {
        border-color: var(--site-line) !important;
        color: var(--site-accent) !important;
        background: linear-gradient(180deg, rgba(255, 253, 248, .94), color-mix(in srgb, #FFFDF8 86%, #CFE7F1)) !important;
        box-shadow: 0 8px 18px rgba(100, 60, 24, .06), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a:hover,
    html[data-site-theme="apricot"] body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-nav a.active {
        border-color: var(--site-accent) !important;
        color: #FFFFFF !important;
        background: linear-gradient(145deg, color-mix(in srgb, #9A4F20 68%, white), #9A4F20 52%, color-mix(in srgb, #9A4F20 72%, black)) !important;
        box-shadow: 0 12px 26px rgba(137, 83, 31, .22), inset 0 1px 0 rgba(255, 255, 255, .30) !important;
    }

    /* 主要按钮复制首页第二张“杏”卡；次要按钮复制第三张“蓝”卡。 */
    html[data-site-theme="apricot"] body:not(.home-page) :is(.btn-primary, .btn-main, .primary-action, .page-btn.active, .search-inline-controls .btn-primary, .course-consult-cta button):not(.btn-danger):not(.danger):not(.danger-button):not(.is-danger) {
        border-color: var(--home-card-border) !important;
        color: var(--home-brown-text) !important;
        background: var(--home-apricot-card) !important;
        box-shadow: var(--home-card-shadow) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page) :is(.btn-secondary, .btn-soft, .btn-ghost, .ghost-button, .page-btn, .my-cases-sidebar-toggle) {
        border-color: var(--home-card-border) !important;
        color: var(--home-green-text) !important;
        background: var(--home-blue-card) !important;
        box-shadow: var(--home-card-shadow) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page) :is(.btn-primary, .btn-main, .primary-action, .btn-secondary, .btn-soft, .btn-ghost, .ghost-button, .page-btn):hover {
        filter: saturate(1.04) brightness(1.02) !important;
        box-shadow: 0 12px 25px rgba(72, 91, 84, .16) !important;
    }

    /* 输入框与选择器使用首页暖白纸面和柔青描边。 */
    html[data-site-theme="apricot"] body:not(.home-page) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .filter-select, .per-page-select) {
        border-color: var(--site-line) !important;
        color: var(--site-title) !important;
        background: linear-gradient(180deg, rgba(255, 253, 248, .96), color-mix(in srgb, #FFFDF8 88%, #CFE7F1)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
    }

    html[data-site-theme="apricot"] body:not(.home-page) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus {
        border-color: var(--site-line) !important;
        box-shadow: 0 0 0 3px rgba(159, 200, 192, .22) !important;
        outline: none !important;
    }

    /* 二级导航复制首页卡片语言：默认雾蓝，选中浅柑。 */
    html[data-site-theme="apricot"] body.pan-page .panpan-tab,
    html[data-site-theme="apricot"] body.my-cases-page .nav-item,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item, .quiz-sidebar-channel, .quiz-admin-channel-tab),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a {
        border-color: var(--home-card-border) !important;
        color: var(--home-green-text) !important;
        background: var(--home-blue-card) !important;
        box-shadow: var(--home-card-shadow) !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body.pan-page .panpan-tab.active,
    html[data-site-theme="apricot"] body.my-cases-page .nav-item.active,
    html[data-site-theme="apricot"] body.quiz-space-page :is(.quiz-sidebar .nav-item.active, .quiz-sidebar-channel.is-current, .quiz-admin-channel-tab.active),
    html[data-site-theme="apricot"] body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .school-workbench .school-rail.school-rail-mobile-scroll a.active {
        border-color: var(--home-card-border) !important;
        color: var(--home-brown-text) !important;
        background: var(--home-apricot-card) !important;
        box-shadow: var(--home-card-shadow) !important;
        text-shadow: none !important;
    }

    /* 标签复制首页第一、第四张卡：奶杏信息标签，柔青选中标签。 */
    html[data-site-theme="apricot"] body :is(.case-tag-chip, .case-source, .case-grade, .page-chip, .status-pill, .page-kicker, .category-tag) {
        border-color: var(--home-card-border) !important;
        color: var(--home-brown-text) !important;
        background: var(--home-cream-card) !important;
        box-shadow: none !important;
    }

    html[data-site-theme="apricot"] body .category-tag.active {
        border-color: var(--home-card-border) !important;
        color: var(--home-green-text) !important;
        background: var(--home-green-card) !important;
    }

    /* 内容区三级页签统一为纸面文字页签：不使用卡片填充，仅以铜柑文字和底线表示当前项。 */
    html[data-site-theme="apricot"] body :is(.quiz-tab-header, .course-subnav, .teaching-tabs, .school-section-label-tabs) {
        background: transparent !important;
        box-shadow: none !important;
    }

    html[data-site-theme="apricot"] body :is(
        .quiz-tab-btn:not(.quiz-heroes-main-tab),
        .quiz-admin-action-tab,
        .course-subnav button,
        .teaching-tabs button,
        .teaching-tabs .teaching-tab-link,
        .school-section-label-tabs span
    ) {
        border-color: transparent !important;
        color: var(--site-title) !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html[data-site-theme="apricot"] body :is(
        .quiz-tab-btn.active:not(.quiz-heroes-main-tab),
        .quiz-admin-action-tab.active,
        .course-subnav button.active,
        .teaching-tabs button.active,
        .teaching-tabs .teaching-tab-link.active,
        .school-section-label-tabs span.active
    ) {
        border-color: transparent !important;
        color: var(--site-accent) !important;
        background: transparent !important;
        box-shadow: inset 0 -2px 0 var(--site-accent) !important;
    }

html[data-site-theme="apricot"] body :is(
        .quiz-tab-btn.active:not(.quiz-heroes-main-tab),
        .quiz-admin-action-tab.active,
        .course-subnav button.active
    )::after {
        background-color: transparent !important;
    }
}

/* Tablet header parity for 牛派讲堂.
   The School page used to add its own translucent header surface and shadow
   on top of the shared brand/nav shadows. On touch tablets that extra layer
   made the logo and primary navigation look much heavier than the same
   components on 羲黄实战 and the other first-level pages. Keep the classic
   warm-gold theme untouched; every other theme now uses the shared header
   treatment. Paint-only overrides: geometry and interaction stay unchanged. */
@media (min-width: 600px) and (max-width: 1366px) and (any-pointer: coarse) {
    html[data-site-theme]:not([data-site-theme="classic"])
    body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .site-header {
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html[data-site-theme]:not([data-site-theme="classic"])
    body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .site-nav {
        box-shadow: none !important;
    }

    html[data-site-theme]:not([data-site-theme="classic"])
    body.blind-school-page:not(.blind-lesson-page):not([data-document-id]) .brand-icon {
        border-color: rgba(177, 122, 58, 0.28) !important;
        box-shadow: 0 8px 18px rgba(92, 53, 20, 0.16) !important;
    }
}

/* 20260929 mobile primary-nav parity: every palette and every first-level
   page uses one final, specificity-safe unboxed treatment. Page-specific
   theme rules may be !important, so this final selector deliberately wins
   without touching the active arrow or any non-phone geometry. */
@media (max-width: 599px) {
    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav,
    html:root body.home-page .site-header .site-nav {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transition: none !important;
    }

    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav a,
    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav a:hover,
    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav a.active,
    html:root body.home-page .site-header .site-nav a,
    html:root body.home-page .site-header .site-nav a:hover,
    html:root body.home-page .site-header .site-nav a.active {
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }

    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav a {
        color: var(--site-title, #774019) !important;
        -webkit-text-fill-color: var(--site-title, #774019) !important;
    }

    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav a:hover,
    html:root body:not(.home-page):not(.blind-library-page):not([data-document-id]) .site-header .site-nav a.active {
        color: var(--site-accent, #aa5a1c) !important;
        -webkit-text-fill-color: var(--site-accent, #aa5a1c) !important;
    }

    html:root body.home-page .site-header .site-nav a {
        color: var(--home-title, #774019) !important;
        -webkit-text-fill-color: var(--home-title, #774019) !important;
    }

    html:root body.home-page .site-header .site-nav a:hover,
    html:root body.home-page .site-header .site-nav a.active {
        color: var(--home-accent, #aa5a1c) !important;
        -webkit-text-fill-color: var(--home-accent, #aa5a1c) !important;
    }
}