/* The supported UI.X breakpoint moves the existing rail into its native drawer. */
@media (min-width: 1101px) {
  html .p-body > .uix_sidebarNav { width: var(--dp-nav-width); flex: 0 0 var(--dp-nav-width); min-width: 0; }
  html .p-body > .uix_sidebarNav .uix_sidebarNav__inner { width: var(--dp-nav-width); }
  html.sidebarNav--active .p-body:has(> .uix_sidebarNav) > .p-body-inner {
    max-width: min(var(--dp-content-max), calc(100% - var(--dp-nav-width) - 2 * var(--dp-page-gutter,20px)));
  }
  html:not(.sidebarNav--active) .uix_sidebarNav { margin-inline-start: calc(-1 * var(--dp-nav-width)); }
  html.sidebarNav--active:is([data-template="xfmg_media_index"], [data-template="xfmg_category_view"], [data-template="xfmg_album_list"], [data-template="xfmg_album_view"]) .p-body > .p-body-inner { max-width: none; }
}
/* One small tab per level. Explicitly replace accumulated legacy margin + padding. */
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-children:not([hidden]) {
  margin-inline-start: var(--dp-tree-step);
  padding-inline-start: 0;
}
:is(.uix_sidebarNav, .offCanvasMenu) .dp-category-tree,
:is(.uix_sidebarNav, .offCanvasMenu) .dp-category-tree .dp-category-tree {
  list-style: none; margin: 0; padding: 0; border: 0;
}
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-row { display: flex; align-items: stretch; min-width: 0; }
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-row > .dp-tree-link,
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-row > .dp-tree-label {
  display: flex; align-items: center; gap: 6px; flex: 1 1 0%; min-width: 0;
  min-height: 44px; padding: 8px !important; line-height: 1.35;
  white-space: normal; overflow-wrap: anywhere; overflow: visible; font-size: 13px;
}
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-link > span { min-width: 0; }
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-toggle { flex: 0 0 44px; width: 44px; min-width: 44px; height: auto; min-height: 44px; }
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-children[hidden] { display: none !important; }
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-link:focus-visible,
:is(.uix_sidebarNav, .offCanvasMenu) .dp-tree-toggle:focus-visible { outline: 2px solid var(--dp-compact-link); outline-offset: -2px; }
.uix_sidebarNav .p-navEl:has([data-nav-id="dataparcDiscussions"]) > .uix_sidebarNav__subNav > .uix_sidebarNav__subNavInner,
.offCanvasMenu li:has(> .offCanvasMenu-linkHolder [data-nav-id="dataparcDiscussions"]) > .offCanvasMenu-subList {
  margin-inline-start: var(--dp-tree-step); padding-inline-start: 0;
}
.offCanvasMenu .dp-category-tree { width: 100%; }
.offCanvasMenu .offCanvasMenu-linkHolder .offCanvasMenu-link { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
.offCanvasMenu .offCanvasMenu-link--splitToggle { min-width: 44px; min-height: 44px; }
/* Products only: consistent neutral open-folder artwork in both navigation hosts. */
:is(.uix_sidebarNav, .offCanvasMenu) .dp-product-folder { width: 17px; height: 17px; flex: 0 0 17px; color: var(--dp-compact-text, currentColor); }
:is(.uix_sidebarNav, .offCanvasMenu) .dp-product-folder,
:is(.uix_sidebarNav, .offCanvasMenu) .dp-product-folder path { fill: none; stroke: currentColor; }
:is(.uix_sidebarNav, .offCanvasMenu) [data-nav-id="dataparcDiscussions"]::before { display: none !important; }
:is(.uix_sidebarNav, .offCanvasMenu) [data-nav-id="dataparcDiscussions"] { display: flex; align-items: center; gap: 14px; }