/* Shared navigation geometry across the light journal and dark laboratory. */
.global-header{display:block;width:100%;height:90px;margin:0;padding:0;border:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif}
.global-header-inner{width:90%;max-width:1280px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.global-header .global-brand{font-size:27px;line-height:1;font-weight:800;letter-spacing:-1px;color:inherit;text-decoration:none;display:block}
.global-header .global-nav{display:flex;align-items:center;gap:34px;font-size:14px;line-height:20px}
.global-header .global-nav a{position:relative;display:block;padding:12px 0;color:var(--muted);text-decoration:none;white-space:nowrap}
.global-header .global-nav a::before{content:none}
.global-header .global-nav a:hover,.global-header .global-nav a[aria-current=page]{color:var(--ink)}
.global-header .global-nav a[aria-current=page]::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:currentColor}
.global-header a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:600px){.global-header{height:76px}.global-header .global-nav{gap:26px}.global-header .global-brand{font-size:26px}}

@view-transition{navigation:auto}
main{view-transition-name:page-content}
.global-header{view-transition-name:site-navigation}
::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-navigation),::view-transition-new(site-navigation){animation:none}
::view-transition-old(page-content){animation:page-slide-out 280ms ease both}
::view-transition-new(page-content){animation:page-slide-in 280ms ease both}
html{--slide-distance:48px}
html[data-nav-direction=backward]{--slide-distance:-48px}
@keyframes page-slide-out{to{opacity:0;transform:translateX(calc(-1 * var(--slide-distance)))}}
@keyframes page-slide-in{from{opacity:0;transform:translateX(var(--slide-distance))}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(page-content),::view-transition-new(page-content){animation:none}}
/* Center primary destinations independently from the wordmark. */
.global-header-inner{position:relative}
.global-header .global-nav{position:absolute;left:50%;transform:translateX(-50%)}
@media(max-width:480px){.global-header .global-nav{gap:18px;font-size:13px}.global-header .global-brand{font-size:23px}}

/* Shared charcoal masthead across the home, journal and laboratory. */
.global-header{background:#222624;--ink:#eceee7;--muted:#b0b8ad;--line:#414842}

.global-header .global-back{margin-left:auto;color:var(--ink);font-size:13px;line-height:20px;text-decoration:none;white-space:nowrap;padding:12px 0}
.global-header .global-back:hover{text-decoration:underline}
@media(max-width:480px){.global-header .global-nav{gap:12px;font-size:12px}.global-header .global-back{font-size:12px}.global-header .global-brand{font-size:21px}}
/* Original particle-study orbit mark, shared by every site masthead. */
.global-header .global-brand{position:relative;padding-left:35px}
.global-header .global-brand::before{content:'';position:absolute;left:0;top:50%;width:23px;height:23px;box-sizing:border-box;border:1px solid #d9f88a;border-radius:50%;transform:translateY(-50%)}
.global-header .global-brand::after{content:'';position:absolute;left:4px;top:50%;width:15px;height:15px;box-sizing:border-box;border:1px solid #d9f88a;border-radius:50%;transform:translateY(-50%) rotate(40deg) scaleX(.45)}
@media(max-width:380px){.global-header .global-brand{font-size:18px;padding-left:27px}.global-header .global-brand::before{width:19px;height:19px}.global-header .global-brand::after{width:11px;height:11px}.global-header .global-nav{gap:10px;font-size:11px}}
/* Inset diagonal: endpoints stay clear of the outer orbit. */
.global-header .global-brand::before{background:linear-gradient(45deg,transparent calc(50% - .5px),#d9f88a calc(50% - .5px),#d9f88a calc(50% + .5px),transparent calc(50% + .5px)) center / 12px 12px no-repeat}
@media(max-width:380px){.global-header .global-brand::before{background-size:9px 9px}}
/* Crossed elliptical discs inside the outer orbit. */
.global-header .global-brand::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cellipse cx='11.5' cy='11.5' rx='3.15' ry='7' fill='none' stroke='%23d9f88a' stroke-width='1' transform='rotate(-40 11.5 11.5)'/%3E%3C/svg%3E");background-size:23px 23px}
@media(max-width:380px){.global-header .global-brand::before{background-size:19px 19px}}