@layer components{.sub-navigation{position:relative;display:flex;align-items:center;width:100%;margin-block:var(--space-20);padding:var(--space-16);border-radius:var(--radius-corner);background-color:var(--color-bg-surface)}.sub-navigation-mobile{display:flex;align-items:center;color:var(--color-ui-contrast)}.sub-navigation-menu{padding-left:var(--space-8);font-weight:var(--font-weight-bold)}.sub-navigation-menu.open{display:none}.sub-navigation-mobile.open .sub-navigation-menu{display:none}.sub-navigation-mobile.open .sub-navigation-menu.open{display:block}.sub-navigation-inner{display:none;align-items:center;gap:0}.sub-navigation-inner.open{position:absolute;z-index:10;inset:100% 0 auto 0;display:grid;width:100%;border-radius:0 0 var(--radius-corner) var(--radius-corner);background-color:var(--color-bg-surface-alt)}.sub-navigation-item{padding:var(--space-12) var(--space-20)}.sub-navigation-item a{font-weight:var(--font-weight-bold)}.sub-navigation-item a:hover{text-decoration:underline;text-underline-offset:0.3125rem}.sub-navigation-item.active{background-color:var(--color-brand-primary)}.sub-navigation-item.active:first-child{border-radius:var(--radius-corner) 0 0 var(--radius-corner)}.sub-navigation-inner.open .sub-navigation-item{padding:var(--space-16);border-top:1px solid var(--color-brand-primary)}.sub-navigation-inner.open .sub-navigation-item a{padding-block:1rem;font-weight:var(--font-weight-bold)}.sub-navigation-inner.open .sub-navigation-item.active:first-child{border-radius:0}.sub-navigation-inner.open .sub-navigation-item.active:last-child{border-radius:0 0 var(--radius-corner) var(--radius-corner)}@media (min-width:50rem){.sub-navigation{padding:0}.sub-navigation-mobile{display:none}.sub-navigation-inner{display:flex}}.sub-navigation--profile{min-width:0;margin-block:var(--space-20);padding:0.55rem;border:0.0625rem solid color-mix(in oklch,var(--color-white) 75%,transparent);border-radius:1.45rem;background:color-mix(in oklch,var(--color-bg-surface) 96%,transparent);box-shadow:0 1rem 2.75rem var(--color-shadow-soft)}.sub-navigation--profile .sub-navigation-mobile{display:none}.sub-navigation--profile .sub-navigation-mobile{gap:var(--space-8);align-items:center;min-height:2.5rem;padding:0.55rem 1rem;border:0;border-radius:var(--radius-corner);appearance:none;font:inherit;font-weight:var(--font-weight-bold);line-height:1;background:transparent;cursor:pointer}.sub-navigation-mobile__icon{position:static;display:block;flex:0 0 1rem;width:1rem;height:1rem;overflow:visible;fill:currentColor}.sub-navigation-mobile__icon--close,.sub-navigation-mobile.open .sub-navigation-mobile__icon--menu{display:none}.sub-navigation-mobile.open .sub-navigation-mobile__icon--close{display:block}.sub-navigation--profile .sub-navigation-inner{display:flex;flex:1 1 auto;align-items:center;gap:clamp(0.2rem,1.5vw,1.4rem);width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:0.15rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sub-navigation--profile .sub-navigation-inner::-webkit-scrollbar{display:none}.sub-navigation--profile .sub-navigation-inner.open{position:static;z-index:auto;inset:auto;display:flex;width:100%;border-radius:0;background:transparent}.sub-navigation--profile .sub-navigation-item,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item{flex:0 0 auto;padding:0;border:0;scroll-snap-align:start;background:transparent}.sub-navigation--profile .sub-navigation-item a,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item a{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0.55rem clamp(1rem,2.7vw,2.15rem);border-radius:var(--radius-corner);color:var(--color-text-strong);font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.18s ease,color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.sub-navigation--profile .sub-navigation-item a:hover,.sub-navigation--profile .sub-navigation-item a:focus-visible{outline:none;background:var(--color-bg-surface-alt);text-decoration:none;transform:translateY(-0.0625rem)}.sub-navigation--profile .sub-navigation-item.active,.sub-navigation--profile .sub-navigation-item.active:first-child,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item.active:first-child,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item.active:last-child{border-radius:0;background:transparent}.sub-navigation--profile .sub-navigation-item.active a{background:var(--color-brand-primary);color:var(--color-text-header-control);box-shadow:0 0.5rem 1.25rem color-mix(in oklch,var(--color-brand-primary) 26%,transparent)}.sub-navigation--profile .sub-navigation-item.active a:hover,.sub-navigation--profile .sub-navigation-item.active a:focus-visible{background:var(--color-brand-primary-hover)}.sub-navigation--profile .sub-navigation-item--admin{margin-left:auto;padding-left:clamp(0.5rem,4vw,7rem);scroll-snap-align:end}.sub-navigation--profile .sub-navigation-item--admin a,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item--admin a{min-height:2.5rem;padding:0.55rem clamp(1.2rem,2.5vw,2.1rem);border:0.0625rem solid color-mix(in oklch,var(--color-white) 16%,transparent);border-radius:var(--radius-corner);color:var(--color-brand-primary);background:linear-gradient(180deg,color-mix(in oklch,var(--color-brand-secondary) 70%,black),var(--color-brand-secondary));box-shadow:none}.sub-navigation--profile .sub-navigation-item--admin a:hover,.sub-navigation--profile .sub-navigation-item--admin a:focus-visible{color:var(--color-brand-primary);background:linear-gradient(180deg,color-mix(in oklch,var(--color-brand-secondary) 82%,black),color-mix(in oklch,var(--color-brand-secondary) 86%,black))}:root[data-theme="dark"] .sub-navigation--profile{border-color:color-mix(in oklch,var(--color-white) 10%,transparent);background:color-mix(in oklch,var(--color-bg-surface) 94%,transparent);box-shadow:0 1rem 2.75rem color-mix(in oklch,var(--color-black) 28%,transparent)}:root[data-theme="dark"] .sub-navigation--profile .sub-navigation-item a{color:var(--color-text)}:root[data-theme="dark"] .sub-navigation--profile .sub-navigation-item.active a{color:var(--color-black)}:root[data-theme="dark"] .sub-navigation--profile .sub-navigation-item--admin a{color:var(--color-brand-primary)}@media (max-width:54rem){.sub-navigation--profile{display:grid;gap:var(--space-6);margin-inline:0;padding:0.55rem;border-radius:var(--radius-corner)}.sub-navigation--profile .sub-navigation-mobile{display:inline-flex;justify-content:flex-start;width:100%;color:var(--color-text-strong);background:var(--color-bg-surface);transition:background-color 0.18s ease,color 0.18s ease}.sub-navigation--profile .sub-navigation-mobile:hover,.sub-navigation--profile .sub-navigation-mobile:focus-visible{outline:none;background:color-mix(in oklch,var(--color-bg-surface-alt) 62%,var(--color-bg-surface))}.sub-navigation--profile .sub-navigation-mobile.open{color:var(--color-text-header-control);background:var(--color-brand-primary)}.sub-navigation--profile .sub-navigation-inner{display:none;grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-6);border-top:0.0625rem solid color-mix(in oklch,var(--color-text) 8%,transparent);overflow:visible;scroll-snap-type:none}.sub-navigation--profile .sub-navigation-inner.open{position:static;display:grid;width:100%;border-radius:0;background:transparent}.sub-navigation--profile .sub-navigation-item a,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item a{width:100%;justify-content:flex-start;min-height:2.5rem;padding:0.55rem 0.9rem;border-radius:var(--radius-corner);font-size:var(--text-sm)}.sub-navigation--profile .sub-navigation-item.active a,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item.active a{box-shadow:none}.sub-navigation--profile .sub-navigation-item--admin{margin-left:0;padding-left:0}}@media (max-width:28rem){.sub-navigation--profile{padding:0.45rem}.sub-navigation--profile .sub-navigation-item a,.sub-navigation--profile .sub-navigation-inner.open .sub-navigation-item a{min-height:2.5rem;padding-inline:0.85rem}}}