.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:baseline;padding:20px 40px;margin-bottom:0;background-color:#fff;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .5s ease;will-change:transform;view-transition-name:site-header}.site-header.is-hidden{transform:translateY(-110%);opacity:0}.site-header-border{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-border);view-transition-name:site-header-border}.site-branding{display:inline-flex;align-items:center;flex-wrap:wrap;gap:16px;view-transition-name:site-branding;width:fit-content}.site-title{font-size:26px;font-weight:400;margin:0;letter-spacing:.03em;text-transform:lowercase;font-variant-numeric:oldstyle-nums}.site-title-uppercase{text-transform:uppercase}.site-title a{color:var(--color-text-strong);border-bottom:none;transition:color .3s ease,letter-spacing .3s ease;display:inline-block;position:relative}.site-title a:hover{color:var(--color-text);letter-spacing:.05em}.site-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-text);transition:width .3s ease}.site-title a:hover:after{width:100%}.site-nav a{margin-left:20px;color:var(--color-text-subtle);font-size:16px;border-bottom:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--color-text-strong);outline:none}.site-nav{view-transition-name:site-nav;width:fit-content}.site-controls{display:flex;align-items:center;gap:20px}.site-header-spacer{height:100px}::view-transition-group(site-header),::view-transition-group(site-branding),::view-transition-group(site-nav){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(site-header-border){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1);mix-blend-mode:normal}::view-transition-old(site-header-border){display:none}::view-transition-new(site-header-border){animation:none;opacity:1;height:100%;width:100%;object-fit:fill}.mobile-nav-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:10px;position:relative;color:var(--color-text);margin-left:10px;outline:none;-webkit-tap-highlight-color:transparent}.hamburger-box{width:24px;height:24px;display:inline-block;position:relative;vertical-align:middle}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:24px;height:2px;background-color:currentColor;border-radius:4px;position:absolute}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:2099;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-nav-overlay.is-visible{opacity:1;visibility:visible}.mobile-nav-sidebar{position:fixed;top:0;right:0;bottom:0;height:100dvh;width:280px;max-width:80vw;background-color:var(--color-background);z-index:2100;padding:24px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:-5px 0 25px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--color-border);overflow-y:auto;visibility:hidden}.mobile-nav-sidebar.is-open{transform:translate(0);visibility:visible}.mobile-nav-close{background:transparent;border:none;cursor:pointer;padding:10px;margin:0 0 30px auto;color:var(--color-text);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;transition:background-color .2s}.mobile-nav-close:hover{background-color:var(--color-border)}.mobile-nav-sidebar a{display:block;width:100%;padding:12px 16px;font-size:16px;font-weight:500;color:var(--color-text);text-decoration:none;border-bottom:none;border-radius:8px;margin-bottom:8px;transition:background-color .2s ease,color .2s ease}.mobile-nav-sidebar a:hover,.mobile-nav-sidebar a[aria-current=page]{background-color:var(--color-code-bg);color:var(--color-text-strong)}body.no-scroll{overflow:hidden}@media(max-width:768px){.mobile-nav-toggle{display:block}.site-nav{display:none}.site-header{flex-direction:row;align-items:center;flex-wrap:nowrap;margin-bottom:30px;box-shadow:inset 0 -1px var(--color-border)}.site-title{margin-bottom:0}.site-header-border{display:none}.site-header,.site-header-border,.site-branding,.site-nav{view-transition-name:none!important}body.no-scroll{padding-right:var(--scrollbar-compensation, 0px)}}@media(max-width:600px){.site-header{flex-direction:row;align-items:center;margin-bottom:30px;padding:16px 20px}.site-title{margin-bottom:0}.site-nav{margin-left:-5px}.site-nav a{margin:0 10px 0 0}.site-header-spacer{height:80px}}