.w-side-navigation { color: var(--site-text, #203a33); padding: 1.5rem 0.75rem; border: 1px solid var(--site-border, #dbe5df); border-radius: 18px; background: var(--site-bg, #fff); }
.w-side-navigation__section + .w-side-navigation__section { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--site-border, #dbe5df); }
.w-side-navigation__heading { margin: 0 0 0.75rem; padding-inline: 1rem; color: var(--site-muted, #566962); font-size: 0.6875rem; font-weight: 650; letter-spacing: 0.075em; text-transform: uppercase; }
.w-side-navigation__items { display: grid; gap: 0.3rem; list-style: none; margin: 0; padding: 0; }
.w-side-navigation__link { display: flex; align-items: center; gap: 0.875rem; min-height: 46px; padding: 0.7rem 1rem; border-radius: 9px; color: var(--site-muted, #566962); font-size: 0.875rem; line-height: 1.4; font-weight: 550; text-decoration: none; }
.w-side-navigation__link > i { width: 1.25rem; text-align: center; font-size: 1.15rem; }
.w-side-navigation__link:hover { background: var(--site-bg-soft, #f1f5f2); color: var(--site-brand, #11665d); text-decoration: none; }
.w-side-navigation__link.is-active { background: var(--site-brand-soft, #eaf4ef); color: var(--site-brand-dark, #123f38); font-weight: 750; box-shadow: inset 3px 0 var(--site-brand, #11665d); }
.w-side-navigation__link:focus-visible { outline: 2px solid var(--site-brand, #11665d); outline-offset: 2px; }
.w-side-navigation__action { display: block; margin: 1.5rem 0.25rem 0; }
.w-side-navigation__action::part(base) { width: 100%; min-height: 46px; font-weight: 650; border-radius: 10px; }