/* Hidden desktop probe keeps its natural menu widths in compact mode. */
.sidebar[data-nav-probe]{position:fixed!important;top:-10000px!important;left:0!important;height:0!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;padding-block:0!important;visibility:hidden;pointer-events:none;overflow:hidden;z-index:-1}
.sidebar[data-nav-probe] .nav{width:max-content!important;min-width:max-content!important;white-space:nowrap!important;overflow-wrap:normal!important;flex-wrap:nowrap!important}
@media(min-width:801px){
 html[data-text-scale] .sidebar:not([data-nav-probe]) .nav,
 html:not([data-text-scale]) .sidebar:not([data-nav-probe]) .nav{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;flex-wrap:nowrap;min-width:0}
 html[data-nav-layout="compact"] .sidebar:not([data-nav-probe]){display:flex!important;position:sticky;top:0;width:100%;height:64px!important;min-height:64px!important;padding:0 14px!important;z-index:27}
 html[data-nav-layout="compact"] .sidebar:not([data-nav-probe])>.nav{display:none}
 html[data-nav-layout="compact"] .sidebar .logo{height:56px!important;width:175px!important;padding:0}
 html[data-nav-layout="compact"] .sidebar .clan-wordmark{width:170px!important;height:51px!important}
 html[data-nav-layout="compact"] .topbar{position:sticky!important;top:64px;right:auto;width:100%;padding:6px 14px!important;min-height:46px;background:#fffefc;border-bottom:1px solid #e2d9ef;z-index:26}
 html[data-nav-layout="compact"] .topbar .bread{display:none}
 html[data-nav-layout="compact"] .topbar .top-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:8px}
 html[data-nav-layout="compact"] .mobile-nav{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));position:fixed;z-index:40;bottom:0;left:0;right:0;height:auto;min-height:65px;padding:6px 4px max(6px,env(safe-area-inset-bottom));background:#fffefcf5;border-top:1px solid #e3d3ee;box-shadow:0 -4px 20px #60417f0b}
 html[data-nav-layout="compact"] .mobile-nav button{min-width:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 1px;color:#ab90bb;font-weight:750;font-size:max(var(--menu-font-min,16px),1em);white-space:nowrap;line-height:1.35}
 html[data-nav-layout="compact"] .mobile-nav button.active{color:#8a5aa4}
 html[data-nav-layout="compact"] .mobile-nav button span{width:32px;min-height:27px;font-size:1.2em;border-radius:8px;display:grid;place-items:center}
 html[data-nav-layout="compact"] .mobile-nav button.active span{background:#f0e4f9;box-shadow:inset 0 0 0 1px #e4cfee}
 html[data-nav-layout="compact"] .content{padding-bottom:max(100px,var(--adaptive-nav-bottom,100px))!important}
 html[data-nav-layout="compact"] .toast{bottom:max(85px,var(--adaptive-nav-bottom,85px))}
}

/* The column decision is measured at runtime, including native mobile viewports. */
html[data-nav-layout="compact"] .mobile-nav[data-nav-columns="4"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;min-height:110px}
html[data-nav-layout="compact"] .mobile-nav[data-nav-columns="2"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:190px}

@media print{.sidebar[data-nav-probe],html[data-nav-layout="compact"] .mobile-nav{display:none!important}}