.site-header{background-color:var(--colorNeutralBackground1);box-shadow:var(--shadow2);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--spacingHorizontalL)}.site-title{margin:0;font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500);font-weight:var(--fontWeightSemibold)}.site-title fast-anchor{color:var(--colorNeutralForeground1);text-decoration:none}.navbar{display:flex;align-items:center;gap:var(--spacingHorizontalL)}.nav-links{display:flex;align-items:center;gap:var(--spacingHorizontalM);margin:0;padding:0;list-style:none}.nav-item{margin:0;padding:0}.nav-link{display:inline-flex;align-items:center;padding:var(--spacingHorizontalXS)var(--spacingHorizontalS);border-radius:var(--borderRadiusSmall);color:var(--colorNeutralForeground1);text-decoration:none;transition:all var(--durationFaster)var(--curveEasyEase)}.nav-item.active .nav-link{background-color:var(--colorNeutralBackground2);font-weight:var(--fontWeightSemibold)}.nav-link:hover{background-color:var(--colorNeutralBackground3)}.navbar-button{display:none;padding:var(--spacingHorizontalXS);border:none;background:0 0;cursor:pointer;color:var(--colorNeutralForeground1)}.theme-selector{display:flex;align-items:center;gap:var(--spacingHorizontalS)}@media(max-width:768px){.site-header .container{height:auto;padding:var(--spacingHorizontalS);flex-wrap:wrap}.navbar{width:100%;margin-top:var(--spacingHorizontalS);flex-direction:column;align-items:stretch;gap:var(--spacingHorizontalS)}.navbar-button{display:flex;align-items:center;justify-content:center;position:absolute;top:var(--spacingHorizontalS);right:var(--spacingHorizontalM)}.nav-links{display:none;flex-direction:column;align-items:stretch;width:100%}.nav-links.is-active{display:flex}.nav-item{width:100%}.nav-link{display:flex;padding:var(--spacingHorizontalS);width:100%}.theme-selector{justify-content:flex-end;margin-top:var(--spacingHorizontalS)}}.nav-link:focus-visible{outline:var(--strokeWidthThick)solid var(--colorBrandBackground);outline-offset:-2px}.nav-links{transition:all var(--durationNormal)var(--curveEasyEase)}@media(max-width:768px){.nav-links.is-active{animation:slideDown var(--durationNormal)var(--curveEasyEase)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.site-header{background-color:rgba(31,31,31,.8)}}