/* 20260918_home_shadow_refinement_v2
 * Homepage-only component finish. Solid-first, including Edge 100.
 * No layout, links, read-state, maintenance or theme-switching changes.
 */
html[data-theme] body.home-page-shell .xl-home {
    --home-finish-panel: #1b1b1b;
    --home-finish-control: #262625;
    --home-finish-hover: #30302e;
    --home-finish-line: #44433f;
    --home-finish-rail: #3a3a38;
    --home-finish-text: #d6d5d3;
    --home-finish-heading: #f0eee7;
    --home-finish-note: #a8a7a6;
    --home-finish-accent: var(--xl-theme-accent, #dbc18c);
    --home-finish-muted: #82817b;
}
html[data-theme="classic"][data-theme-preset="black-gold-theme"] body.home-page-shell .xl-home {
    --home-finish-accent: #dbc18c;
}
html[data-theme="light"] body.home-page-shell .xl-home {
    --home-finish-panel: #faf9f6;
    --home-finish-control: #f0efeb;
    --home-finish-hover: #e7e5df;
    --home-finish-line: #c9c6be;
    --home-finish-rail: #d3d0c8;
    --home-finish-text: #45443f;
    --home-finish-heading: #353530;
    --home-finish-note: #66645e;
    --home-finish-accent: #755b2c;
    --home-finish-muted: #89867e;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-updates-card,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-updates-card:hover {
    background: var(--home-finish-panel) !important;
    border-color: var(--home-finish-line) !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .14) !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-updates-card::before,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-updates-card::after {
    content: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head svg {
    color: var(--home-finish-accent) !important;
    background: var(--home-finish-control) !important;
    border: 1px solid var(--home-finish-line) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
    filter: none !important;
    border-radius: 7px;
}
/* "Latest" is an unread-information marker, not a success/error state. */
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-latest-badge {
    color: var(--home-finish-accent) !important;
    background: var(--home-finish-control) !important;
    border-color: var(--home-finish-line) !important;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-latest-badge::before,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-latest-badge::after {
    content: none !important;
    box-shadow: none !important;
    background: none !important;
    filter: none !important;
    animation: none !important;
}
/* Keep promotional/status colors and read-state visibility; remove only light spill. */
html[data-theme] body.home-page-shell .xl-home .xl-tool-card .xl-tool-free-badge,
html[data-theme] body.home-page-shell .xl-home .xl-tool-card .xl-tool-new-badge {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-notice-rail::before,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-notice-rail::after {
    background: var(--home-finish-rail) !important;
    box-shadow: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-notice-dot {
    background: var(--home-finish-panel) !important;
    border-color: var(--home-finish-muted) !important;
    box-shadow: none !important;
    filter: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-tool-card .xl-tool-link.xl-tool-link-arrow {
    color: var(--home-finish-text) !important;
    background: var(--home-finish-control) !important;
    border: 1px solid var(--home-finish-line) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-tool-card .xl-tool-link.xl-tool-link-arrow::before,
html[data-theme] body.home-page-shell .xl-home .xl-tool-card .xl-tool-link.xl-tool-link-arrow::after {
    content: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-tool-card:not(.is-maintenance):hover .xl-tool-link.xl-tool-link-arrow,
html[data-theme] body.home-page-shell .xl-home .xl-tool-card:not(.is-maintenance):focus-within .xl-tool-link.xl-tool-link-arrow {
    color: var(--home-finish-accent) !important;
    border-color: var(--home-finish-accent) !important;
    background: var(--home-finish-hover) !important;
    box-shadow: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-tool-card:not(.is-maintenance):active .xl-tool-link.xl-tool-link-arrow {
    background: var(--home-finish-panel) !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-tool-card:not(.is-maintenance):focus-visible,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-notice-item:focus-visible {
    outline: 2px solid var(--home-finish-accent) !important;
    outline-offset: 3px;
}
html[data-theme] body.home-page-shell .xl-home .xl-tool-card.is-maintenance .xl-tool-link.xl-tool-link-arrow {
    color: var(--home-finish-muted) !important;
    background: transparent !important;
    border-color: var(--home-finish-line) !important;
    box-shadow: none !important;
}
/* Explicit foregrounds keep legacy light themes readable without color-mix. */
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-section-updates,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head {
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    border-color: var(--home-finish-line) !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head h2,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-notice-body h3 {
    color: var(--home-finish-heading) !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head::before,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head::after,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head h2::before,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head h2::after {
    content: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-notice-body p {
    color: var(--home-finish-note) !important;
    text-shadow: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head a {
    color: var(--home-finish-text) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head a:hover,
html[data-theme] body.home-page-shell .xl-home .xl-home-side .xl-side-head a:focus-visible {
    color: var(--home-finish-accent) !important;
    text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
    html[data-theme] body.home-page-shell .xl-home .xl-tool-card .xl-tool-link.xl-tool-link-arrow {
        transition: none !important;
    }
}