.side a,.side button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-height:34px;
color:var(--c-blue);
font-size:var(--text-sm);
font-weight:var(--w-medium);
line-height:var(--lh-solid);
transition:color var(--time-fast) ease,background var(--time-fast) ease,transform var(--time-fast) ease,box-shadow var(--time-fast) ease;
}
.menu-button svg{
width:23px;
height:23px;
fill:currentColor;
stroke:none;
}
body.is-authenticated [data-menu-auth-label]{
max-width:160px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
#site-menu.side{
position:fixed;
top:calc(var(--frame-top-y) - 24px);
right:calc(var(--frame-x) + var(--chrome-inset) - 4px);
bottom:auto;
z-index:calc(var(--modal-z) + 2);
width:min(360px,calc(100vw - 28px));
max-height:calc(100vh - 56px);
display:flex;
flex-direction:column;
gap:12px;
overflow:auto;
isolation:isolate;
padding:56px 18px 18px;
border:.5px solid rgb(var(--rgb-line) / .20);
border-radius:var(--radius-2xl);
border-top-right-radius:8px;
background:var(--c-surface);
box-shadow:0 28px 90px rgb(var(--rgb-ink) / .20),0 2px 10px rgb(var(--rgb-ink) / .06);
backdrop-filter:none;
-webkit-backdrop-filter:none;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate3d(0,-14px,0) scale(.955);
transform-origin:calc(100% - 29px) 27px;
transition:opacity .22s ease,transform .42s cubic-bezier(.19,1.08,.22,1),box-shadow .42s ease;
will-change:opacity,transform;
}
#site-menu.side.open{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate3d(0,0,0) scale(1);
}
#site-menu.side.is-closing{
transition:opacity .18s ease,transform .28s cubic-bezier(.42,0,.8,.2),box-shadow .24s ease;
}
#site-menu.side[aria-hidden="false"]{
visibility:visible;
}
#site-menu.side[aria-hidden="true"],#site-menu.side:not(.open):not(.is-opening){
visibility:hidden;
pointer-events:none;
}
#site-menu.side[aria-hidden="true"] *,#site-menu.side:not(.open):not(.is-opening) *,#site-menu.side.is-closing *{
pointer-events:none;
}
#site-menu.side::before{
content:"";
position:absolute;
inset:1px;
z-index:-1;
border-radius:inherit;
background:radial-gradient(circle at calc(100% - 32px) 26px,rgb(var(--rgb-primary) / .10),transparent 52px),var(--c-surface);
opacity:0;
transition:opacity .34s ease;
}
#site-menu.side.open::before{
opacity:1;
}
#site-menu.side>*{
opacity:0;
transform:translateY(-6px);
transition:opacity .24s ease,transform .34s cubic-bezier(.19,1,.22,1);
}
#site-menu.side.open>*{
opacity:1;
transform:translateY(0);
}
#site-menu.side.open>:nth-child(1){transition-delay:.03s;}
#site-menu.side.open>:nth-child(2){transition-delay:.06s;}
#site-menu.side.open>:nth-child(3){transition-delay:.09s;}
#site-menu.side.open>:nth-child(4){transition-delay:.12s;}
#site-menu.side.open>:nth-child(5){transition-delay:.15s;}
#site-menu.side.is-closing>*{
opacity:0;
transform:translateY(-4px);
transition-delay:0s;
transition-duration:.16s,.22s;
}
#site-menu .side-head{
position:absolute;
top:4px;
left:14px;
right:4px;
height:42px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:0;
pointer-events:none;
}
#site-menu .side-head>*{
pointer-events:auto;
}
#site-menu .side-head .side-cabinet-link{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:8px;
width:auto;
min-width:0;
height:39px;
margin-left:6px;
padding:0 9px;
border:0;
border-radius:var(--radius-control);
background:transparent;
color:var(--n-48);
box-shadow:none;
font-size:var(--text-ui);
font-weight:400;
line-height:1;
letter-spacing:-.01em;
}
#site-menu .side-head .side-cabinet-link:hover,#site-menu .side-head .side-cabinet-link:focus-visible{
color:var(--c-link-hover);
background:transparent;
box-shadow:none;
}
#site-menu .side-head .side-cabinet-link svg{
width:17px;
height:17px;
fill:currentColor;
stroke:none;
}
#site-menu .side-head .side-cabinet-link span{
display:inline-block;
margin:0;
color:inherit;
font-size:inherit;
font-weight:inherit;
letter-spacing:inherit;
line-height:1;
text-transform:none;
white-space:nowrap;
}
#site-menu .side-head .side-close-btn{
width:42px;
height:42px;
min-height:42px;
margin-left:auto;
border:0;
border-radius:var(--radius-sm);
background:transparent;
color:var(--n-70);
box-shadow:none;
transition:color .2s ease,background-color .2s ease;
}
#site-menu .side-head .side-close-btn:hover,#site-menu .side-head .side-close-btn:focus-visible{
color:var(--c-blue);
background:rgb(var(--rgb-primary) / .06);
box-shadow:none;
transform:none;
}
#site-menu .side-head .side-close-btn svg{
width:17px;
height:17px;
fill:none!important;
stroke:currentColor!important;
stroke-width:1px!important;
transform-origin:50% 50%;
transition:transform .22s ease,color .18s ease;
}
#site-menu .side-head .side-close-btn:hover svg,#site-menu .side-head .side-close-btn:focus-visible svg{
transform:rotate(90deg);
}
#site-menu .side-head .side-close-btn.is-spinning svg{
animation:side-close-spin .34s cubic-bezier(.2,.8,.2,1) both;
}
#site-menu .side-cats{
gap:0;
padding:0;
overflow:hidden;
border:.5px solid rgb(var(--rgb-line) / .20);
border-radius:var(--radius-panel);
background:var(--c-surface);
}
#site-menu .side-cats__head{
height:36px;
min-height:36px;
display:flex;
align-items:center;
justify-content:flex-start;
padding:0 var(--space-3-5);
border-bottom:.5px solid rgb(var(--rgb-line) / .16);
}
#site-menu .side-cats__head a{
min-height:0;
padding:0;
border-radius:0;
background:transparent;
color:var(--n-48);
font-size:var(--text-3xs);
font-weight:400;
letter-spacing:.17em;
line-height:1;
text-transform:uppercase;
}
#site-menu .side-cats__head a:hover,#site-menu .side-cats__head a:focus-visible{
color:var(--c-link-hover);
}
#site-menu .side-cat-row{
display:grid;
grid-template-columns:minmax(0,1fr) 38px;
align-items:center;
height:40px;
min-height:40px;
border-radius:0;
background:var(--c-surface);
text-align:left;
}
#site-menu .side-cat-row+.side-cat-row{
border-top:.5px solid rgb(var(--rgb-line) / .16);
}
#site-menu .side-cat-row:hover,#site-menu .side-cat-row:focus-within{
background:linear-gradient(90deg,rgb(var(--rgb-primary) / .035) 0%,rgb(var(--rgb-primary) / .035) 66%,rgb(var(--rgb-surface) / .96) 100%);
}
#site-menu .side-cat-link{
display:flex;
align-items:center;
justify-content:flex-start;
gap:11px;
height:40px;
min-height:40px;
padding:0 var(--space-3-5);
color:var(--c-blue);
font-size:var(--text-ui);
font-weight:400;
line-height:1;
text-align:left;
}
#site-menu .side-cat-link .side-cat-icon{
flex:0 0 auto;
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.1;
stroke-linecap:round;
stroke-linejoin:round;
opacity:.88;
transition:opacity .18s ease,transform .18s ease;
}
#site-menu .side-cat-row:hover .side-cat-icon,#site-menu .side-cat-link:focus-visible .side-cat-icon{
opacity:1;
transform:translateX(1px);
}
#site-menu .side-cat-link span{
color:inherit;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
#site-menu .side-cat-link:hover,#site-menu .side-cat-link:focus-visible{
color:var(--c-link-hover);
}
#site-menu .side-cat-row button{
display:grid;
place-items:center;
width:38px;
height:40px;
min-height:40px;
padding:0;
border-radius:0;
background:transparent;
color:var(--c-blue);
transition:background-color .18s ease,color .18s ease;
}
#site-menu .side-cat-row button:hover,#site-menu .side-cat-row button:focus-visible{
background:transparent;
color:var(--c-blue);
}
#site-menu .side-cat-row button svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.9px;
stroke-linecap:round;
stroke-linejoin:round;
transform:translateX(0);
transition:transform .18s ease,color .18s ease;
}
#site-menu .side-cat-row button:hover svg,#site-menu .side-cat-row button:focus-visible svg{
transform:translateX(4px);
}
#site-menu .side-terms{
margin-top:0;
padding:12px 0;
overflow:visible;
border:0;
border-radius:0;
background:transparent;
}
#site-menu .side-terms .side-cats__head{
display:none;
}
#site-menu .side-terms>*+*{
border-top:0;
}
#site-menu .side-terms>button,#site-menu .side-terms>a{
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
height:31px;
min-height:31px;
padding:0 var(--space-3-5);
border:0;
border-radius:0;
background:transparent;
color:var(--c-ink);
font-size:var(--text-ui);
font-weight:400;
line-height:1;
text-align:left;
}
#site-menu .side-terms>button:hover,#site-menu .side-terms>button:focus-visible,#site-menu .side-terms>a:hover,#site-menu .side-terms>a:focus-visible{
color:var(--c-blue);
background:transparent;
}
#site-menu .side-terms span{
color:inherit;
font-weight:inherit;
}
#site-menu .side-social--foot{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:48px;
padding:6px 10px;
border:0;
border-radius:0;
background:transparent;
}
#site-menu .side-social--foot a{
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:var(--radius-control-lg);
background:transparent;
color:var(--c-blue);
}
#site-menu .side-social--foot a:hover,#site-menu .side-social--foot a:focus-visible{
color:var(--c-surface);
background:var(--c-blue);
}
#site-menu .side-social--foot svg{
width:17px;
height:17px;
fill:currentColor;
stroke:none;
}
body:has(#site-menu.side.open) .mask:not(.show){
display:none;
}
body.is-menu-open{
overflow:hidden;
}
body.is-menu-open::after{
content:"";
position:fixed;
inset:0;
z-index:calc(var(--modal-z) + 0);
background:rgb(var(--rgb-ink) / .24);
-webkit-backdrop-filter:none;
backdrop-filter:none;
opacity:1;
pointer-events:none;
}
body:not(.is-menu-open)::after{
content:none;
pointer-events:none;
}
body.is-ui-depth-open .site-frame,body.is-menu-open .site-frame{
opacity:0;
border-color:transparent;
transition:opacity .24s ease,border-color .24s ease;
}
body:not(.is-ui-depth-open) main,body:not(.is-ui-depth-open) [data-site-chrome],body:not(.is-menu-open) main,body:not(.is-menu-open) [data-site-chrome]{
transition:filter .30s ease;
transform:none;
transform-origin:initial;
will-change:auto;
}
body.is-ui-depth-open main,body.is-ui-depth-open [data-site-chrome],body.is-menu-open main,body.is-menu-open [data-site-chrome]{
filter:none;
transform:none;
transition:none;
will-change:auto;
pointer-events:none;
}
.top>.actions .menu-button{
z-index:3;
pointer-events:auto;
cursor:pointer;
touch-action:manipulation;
}
.top>.actions .menu-button svg{
pointer-events:none;
}
@keyframes side-close-spin{
0%{transform:rotate(0deg) scale(1);}
55%{transform:rotate(135deg) scale(.92);}
100%{transform:rotate(180deg) scale(1);}
}
@media (prefers-reduced-motion:reduce){
#site-menu.side,#site-menu.side>*,#site-menu.side::before,body.is-menu-open main,body.is-menu-open [data-site-chrome],body:not(.is-menu-open) main,body:not(.is-menu-open) [data-site-chrome],#site-menu .side-head .side-close-btn svg,#site-menu .side-head .side-close-btn.is-spinning svg{
animation:none;
transition:none;
transform:none;
filter:none;
}
}


#site-menu .side-catalog,
#site-menu .side-catalog .side-cats__head,
#site-menu .side-catalog .side-cat-row+.side-cat-row{
  border:0;
}

/* STEP 795 — calm menu controls and unified informational links */
#site-menu button,#site-menu a,.select-menu button,.select-flyout button{scale:1!important;}
#site-menu .side-terms>a{
  display:inline-flex;
  width:auto;
  max-width:calc(100% - (var(--space-3-5) * 2));
  margin-left:var(--space-3-5);
  padding:0;
  text-decoration:none;
  border-bottom:1px solid var(--c-link-border);
}
#site-menu .side-terms>a:hover,#site-menu .side-terms>a:focus-visible{
  border-bottom-color:var(--c-link-hover);
}

/* STEP 796 — balanced information links and downloadable contact */
#site-menu .side-terms{
  display:grid;
  grid-template-columns:minmax(0,1fr) 116px;
  align-items:center;
  gap:10px;
  padding:9px 4px 8px 0;
}
#site-menu .side-info-links{
  min-width:0;
  display:grid;
  align-content:center;
  gap:2px;
}
#site-menu .side-info-links .side-term-link{
  width:100%;
  max-width:none;
  height:32px;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:0;
  padding:0 8px 0 var(--space-3-5);
  border:0;
  color:var(--c-ink);
  font-weight:400;
  line-height:1.2;
  text-decoration:none;
}
#site-menu .side-info-links .side-term-link span{
  display:inline-block;
  padding:0 0 2px;
  border-bottom:1px solid var(--c-link-border);
  font-weight:400;
  line-height:1.15;
  text-decoration:none;
}
#site-menu .side-info-links .side-term-link:hover span,
#site-menu .side-info-links .side-term-link:focus-visible span{
  border-bottom-color:var(--c-link-hover);
}
#site-menu .side-contact-card{
  width:116px;
  min-width:116px;
  min-height:0;
  display:grid;
  justify-items:end;
  align-content:center;
  justify-self:end;
  gap:0;
  margin:0;
  padding:2px 4px 2px 0;
  border:0;
  border-radius:var(--radius-md);
  background:transparent;
  color:var(--c-primary);
  text-align:center;
  text-decoration:none;
}
#site-menu .side-contact-card{
  border-bottom:0!important;
  box-shadow:none;
  transition:transform .2s cubic-bezier(.2,.82,.24,1),background-color .18s ease;
  transform-origin:center;
}
#site-menu .side-contact-card:hover,
#site-menu .side-contact-card:focus-visible{
  color:var(--c-primary);
  background:transparent;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none;
  transform:scale(1.08);
}
#site-menu .side-contact-qr{
  width:108px;
  height:108px;
  display:block;
  background:var(--c-primary);
  -webkit-mask:var(--side-contact-qr) center / contain no-repeat;
  mask:var(--side-contact-qr) center / contain no-repeat;
}
@media (max-width:380px){
  #site-menu .side-terms{grid-template-columns:minmax(0,1fr) 106px;gap:4px;}
  #site-menu .side-contact-card{width:106px;min-width:106px;}
  #site-menu .side-contact-qr{width:98px;height:98px;}
}