.side-body{display:flex;flex-direction:column;gap:var(--sp-4)}.side-aside,.side-body,.side-content,.side-nav{min-width:0}.side-nav{position:relative}.side-nav__rail{display:flex;gap:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--c-border)}.side-nav__rail::-webkit-scrollbar{display:none}.side-nav:after{content:"";position:absolute;top:0;right:0;bottom:1px;width:var(--sp-7);pointer-events:none;background:linear-gradient(90deg,transparent,var(--c-bg))}.side-nav__group{display:flex;align-items:center;gap:0}.side-nav__sep{flex:0 0 auto;width:1px;height:var(--sp-4);margin:0 var(--sp-2);background:var(--c-border)}.side-nav__link{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap;padding:var(--sp-3);margin-bottom:-1px;text-decoration:none;font-size:var(--fs-md);color:var(--c-text-muted);border-bottom:3px solid transparent;transition:var(--tr)}.side-nav__link:hover{color:var(--c-text-strong)}.side-nav__link:focus-visible{outline:2px solid var(--c-brand);outline-offset:-2px;border-radius:var(--r-xs)}.side-nav__link--on{color:var(--c-text-strong);font-weight:var(--fw-bold);border-bottom-color:var(--c-brand)}.side-nav__cta{display:none}@media (min-width:640px){.side-nav__link{padding:var(--sp-3) var(--sp-4)}}@media (min-width:1024px){.side-body{flex-direction:row;align-items:flex-start;gap:var(--sp-6)}.side-aside{flex:0 0 var(--w-sidebar);position:-webkit-sticky;position:sticky;top:calc(var(--h-header) + var(--sp-4));display:flex;flex-direction:column;gap:var(--sp-4)}.side-nav{padding:var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl)}.side-nav:after{display:none}.side-nav__rail{overflow:visible;border-bottom:0}.side-nav__group,.side-nav__rail{flex-direction:column;align-items:stretch;gap:var(--sp-1)}.side-nav__sep{width:auto;height:1px;margin:var(--sp-2) var(--sp-3)}.side-nav__link{padding:10px var(--sp-3);margin-bottom:0;border-bottom:0;border-radius:var(--r-md);color:var(--c-text-2)}.side-nav__link:hover{background:var(--c-surface-2)}.side-nav__link--on{background:var(--c-brand-light);border-bottom-color:transparent}.side-nav__link--on:before{content:"";position:absolute;left:0;top:var(--sp-2);bottom:var(--sp-2);width:3px;border-radius:var(--r-full);background:var(--c-brand)}.side-nav__badge{margin-left:auto}.side-nav__cta{display:flex;flex-direction:column;gap:var(--sp-2)}.side-content{flex:1 1 auto}}