.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;margin-bottom:0;background-color:var(--color-header-bg);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:28px;font-weight:400;margin:0;letter-spacing:normal;text-transform:lowercase;font-variant-numeric:oldstyle-nums;font-family:var(--font-family-brand)}.site-title-uppercase{text-transform:uppercase}.site-title a{color:var(--color-text-strong);border-bottom:none;transition:color .3s ease;display:inline-block;position:relative}.site-title a:hover{color:var(--color-text)}.site-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background-color:var(--color-text);transition:width .3s ease}.site-title a:hover:after{width:100%}.pronunciation-bubble{position:absolute;top:calc(50% + 2px);left:calc(100% + 10px);transform:translateY(-50%);padding:6px 12px;background-color:var(--color-text-strong);color:var(--color-background);font-size:.75rem;font-weight:400;font-family:"Arial","Helvetica Neue","Segoe UI",var(--font-family-sans);letter-spacing:.02em;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;transition-delay:0s;box-shadow:0 4px 12px #00000026;pointer-events:none;z-index:100}.site-title a:hover .pronunciation-bubble,.site-title a:focus .pronunciation-bubble{opacity:1;visibility:visible;transition-delay:1s}.pronunciation-bubble:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent var(--color-text-strong) transparent transparent}.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}.eye-mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent;margin-left:0}.eye-mode-toggle:hover{color:var(--color-text-strong);background-color:var(--color-code-bg)}.eye-mode-toggle:focus-visible{outline:2px solid var(--color-text-subtle);outline-offset:2px}.eye-mode-icon--dim{display:block}.eye-mode-icon--light,.eye-mode-toggle[aria-pressed=true] .eye-mode-icon--dim{display:none}.eye-mode-toggle[aria-pressed=true] .eye-mode-icon--light{display:block}.site-header-spacer{height:100px}.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{font-size:24px;margin-bottom:0}.site-nav{margin-left:-5px}.site-nav a{margin:0 10px 0 0}.site-header-spacer{height:80px}}