:root{--catalog-shell-max: 1100px;--catalog-shell-padding-x: 32px}.site-nav{background:#fff;border-bottom:1px solid #e5e7eb;width:100%}.nav-inner{max-width:var(--catalog-shell-max);width:100%;margin:0 auto;padding:0 var(--catalog-shell-padding-x);height:72px;display:flex;align-items:center;gap:16px}.nav-brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none;flex-shrink:0}.hni-logo-img{height:52px;width:auto;cursor:pointer}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;margin-left:auto;flex-shrink:0}.nav-staff-link{font-size:14px;font-weight:600;color:#be2025;text-decoration:none;padding:8px 14px;border:1.5px solid #be2025;border-radius:8px;transition:background .15s,color .15s}.nav-staff-link:hover{background:#be2025;color:#fff}.nav-staff-link[hidden]{display:none}.nav-account{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px;min-width:0;padding-left:16px;border-left:1px solid #e5e7eb}.nav-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#be2025;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.nav-user-name{max-width:min(220px,32vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#111}.nav-user-name-muted{font-size:14px;color:#6b7280}.nav-sign-out{flex-shrink:0;padding:8px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#374151;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.nav-sign-out:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.nav-sign-out:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 900px){:root{--catalog-shell-padding-x: 16px}}