.header-slot{height:112px}
.site-header{z-index:10}
.menu-toggle,.mobile-navigation{display:none}
.menu-cross{display:none}
.menu-toggle[aria-expanded="true"] .menu-lines{display:none}
.menu-toggle[aria-expanded="true"] .menu-cross{display:block}
.site-header.is-pinned{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:10}
.mobile-help{display:none}
@media(min-width:801px){
  .site-header.is-pinned{height:64px}
  .site-header.is-pinned .header-action{min-height:40px}
  html[data-header-pinned="true"]{scroll-padding-top:84px}
}
@media(max-width:800px){
  .site-header .header-action{display:none}
  .menu-toggle:not([hidden]){display:grid;place-items:center;margin-left:auto;flex-shrink:0;width:44px;height:44px;background:var(--leaf);color:var(--forest);border-radius:12px}
  .menu-toggle svg{width:24px;height:24px}
  .site-header .mobile-navigation{flex-direction:column;position:absolute;top:100%;left:0;right:0;margin:0;gap:0;padding:8px var(--gutter) 20px;background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
  .site-header .mobile-navigation:not([hidden]){display:flex}
  .site-header .mobile-navigation a{display:flex;align-items:center;min-height:48px;padding:12px 0;font-size:16px;line-height:1.4}
}
@media(max-width:600px){
  .header-slot{height:72px}
  .site-header .mobile-navigation{max-height:calc(100dvh - 72px)}
  .site-header.is-pinned .header-action{display:none}
  .mobile-help:not([hidden]){display:block;position:fixed;z-index:11;bottom:0;left:0;right:0;background:var(--paper);padding:12px var(--gutter) max(12px,env(safe-area-inset-bottom))}
  .mobile-help .button{width:100%;min-height:56px}
}