/* Shared engraving and visible atmosphere. Navigation and reading surfaces keep their contrast. */
:root { --xs-engraving: url('/__dsh_theme/art/r7-phoenix-ink.webp'); }
html.dark,html.xs-docs[data-theme="dark"] { --xs-engraving: url('/__dsh_theme/art/r7-phoenix-gold.webp'); }
@media (prefers-color-scheme:dark) {html.xs-docs:not([data-theme]) { --xs-engraving:url('/__dsh_theme/art/r7-phoenix-gold.webp'); }}
#xs-atmosphere {position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none!important;contain:strict;opacity:1;}
.xs-sidebar-phoenix {position:relative;flex:0 0 168px;min-height:168px;width:100%;overflow:hidden;pointer-events:none;isolation:isolate;}
.xs-sidebar-phoenix::before {content:"";position:absolute;inset:6px 10px;background:var(--xs-engraving) center/contain no-repeat;opacity:.95;}
.xs-sidebar-phoenix canvas {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.xs-sidebar-phoenix::after {content:"";position:absolute;left:22%;right:22%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--border,#6a5533),transparent);opacity:.55;}
.xs-docs .sidebar[data-xs-phoenix-host] {display:flex;flex-direction:column;padding:0;overflow:hidden;background-image:none;}
.xs-docs .sidebar > .xs-sidebar-phoenix {flex-basis:196px;min-height:196px;}
.xs-docs .sidebar > .xs-nav {flex:1;min-height:0;overflow-y:auto;padding:22px 18px 32px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
[data-slot="sidebar-inner"][data-xs-phoenix-host] {overflow:hidden;}
[data-xs-phoenix-host] > [data-slot="sidebar-content"] {min-height:0;flex:1;overflow-y:auto;}
[data-collapsible="icon"] .xs-sidebar-phoenix {display:none;}
.xs-docs .xs-mobile-nav > .xs-sidebar-phoenix {grid-column:1/-1;height:164px;min-height:164px;max-width:264px;margin-inline:auto;}
@media(max-width:860px){.xs-docs .sidebar[data-xs-phoenix-host]{display:none;}}
@media(max-height:720px) and (min-width:861px){.xs-sidebar-phoenix{flex-basis:138px;min-height:138px;}.xs-docs .sidebar > .xs-sidebar-phoenix{flex-basis:154px;min-height:154px;}}
@media(forced-colors:active){#xs-atmosphere,.xs-sidebar-phoenix{display:none!important;}}