/* Global navigation — Apple-style bar with flyout submenus.
   Load AFTER /css/style1.min.css. Markup: <header id="gn">, script: /js/globalnav.js */

#gn{--gn-ink:#1d1d1f;--gn-mute:#6e6e73;--gn-bg:rgba(250,250,252,.82);--gn-solid:#fafafc;--gn-line:rgba(0,0,0,.08);--gn-curtain:rgba(232,232,237,.4);--gn-blue:#0071e3;
position:relative;top:auto;right:auto;left:auto;z-index:9999;width:100%;height:44px;margin:0;padding:0;background:none;
-webkit-backdrop-filter:none;backdrop-filter:none;
font:400 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;color:var(--gn-ink)}
#gn.gn-sticky{position:sticky;top:0}
#gn *,#gn *::before,#gn *::after{box-sizing:border-box}
#gn ul{margin:0;padding:0;list-style:none}
#gn h2,#gn p{margin:0;padding:0;font:inherit;color:inherit;background:none;border:0}
/* Neutralize the bare nav/nav a selectors from style1.min.css */
#gn a{position:static;float:none;width:auto;margin:0;padding:0;font-family:inherit;font-variant:normal;text-align:left;color:inherit;text-decoration:none;background:none;border:0;box-shadow:none}
#gn a:hover{background:none;box-shadow:none}
#gn a:active{box-shadow:none}
#gn button{position:static;float:none;width:auto;margin:0;padding:0;font:inherit;color:inherit;background:none;border:0;box-shadow:none;cursor:pointer}
#gn a:focus-visible,#gn button:focus-visible,#gn input:focus-visible{outline:2px solid var(--gn-blue);outline-offset:2px;border-radius:6px}
body:has(#gn) #home{padding-top:0}
html.gn-lock{overflow:hidden}

/* Bar */
#gn .gn-bg{position:absolute;inset:0;background:var(--gn-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--gn-line);transition:background-color .24s}
#gn.has-open .gn-bg{background:var(--gn-solid);border-bottom-color:transparent}
#gn .gn-bar{position:static;top:auto;right:auto;left:auto;float:none;display:flex;align-items:center;gap:8px;width:auto;max-width:1024px;height:44px;margin:0 auto;padding:0 22px;border:0;box-shadow:none}
#gn .gn-logo{position:relative;display:flex;align-items:center;height:44px;margin-right:auto;padding-right:8px;font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
#gn .gn-list{display:flex;align-items:center;flex:0 1 auto;gap:0;height:44px}
#gn .gn-item{position:static;display:flex;align-items:center;height:44px}
#gn .gn-link{position:relative;display:flex;align-items:center;height:44px;padding:0 10px;white-space:nowrap;opacity:.85;transition:opacity .2s}
#gn .gn-link:hover,#gn .gn-item.is-open>.gn-link{opacity:1}
#gn .gn-sub-btn{position:relative;width:0;height:44px;overflow:hidden;opacity:0}
#gn .gn-sub-btn:focus-visible{width:14px;opacity:1}
#gn .gn-sub-btn svg,#gn .gn-chev{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#gn .gn-tools{display:flex;align-items:center;gap:6px;margin-left:8px}
#gn .gn-tools .gn-sub-btn,#gn .gn-tools .gn-sub-btn:focus-visible{width:34px;opacity:.85}
#gn .gn-tools .gn-sub-btn:hover,#gn .gn-tools .is-open>.gn-sub-btn{opacity:1}
#gn .gn-icon{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:44px;opacity:.85}
#gn .gn-icon:hover{opacity:1}
#gn .gn-icon svg{width:15px;height:15px;fill:currentColor}
#gn .gn-donate{position:relative;display:inline-flex;align-items:center;height:24px;padding:0 11px;font-size:12px;color:#fff;background:var(--gn-blue);border-radius:980px}
#gn .gn-donate:hover{background:#0077ed}
#gn .gn-menu-btn{display:none}

/* Flyouts */
#gn .gn-fly{position:absolute;top:44px;left:0;right:0;z-index:2;max-height:calc(100dvh - 44px);overflow:auto;background:var(--gn-solid);
visibility:hidden;opacity:0;transition:opacity .24s ease,visibility 0s linear .24s}
#gn .gn-item.is-open>.gn-fly{visibility:visible;opacity:1;transition-delay:0s}
#gn .gn-fly-in{display:flex;gap:44px;max-width:1024px;margin:0 auto;padding:40px 22px 72px 22px;text-align:left}
#gn .gn-col{min-width:0;transform:translateY(-6px);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s}
#gn .gn-item.is-open .gn-col{transform:none;opacity:1}
#gn .gn-item.is-open .gn-col:nth-child(2){transition-delay:.03s}
#gn .gn-item.is-open .gn-col:nth-child(3){transition-delay:.06s}
#gn .gn-col.main{flex:0 0 auto;min-width:240px}
#gn .gn-h{margin:0 0 14px;font-size:12px;color:var(--gn-mute)}
#gn .gn-big li+li{margin-top:10px}
#gn .gn-big a{display:inline-block;font-size:24px;line-height:1.17;font-weight:600;letter-spacing:-.015em}
#gn .gn-small li+li{margin-top:9px}
#gn .gn-small a{display:inline-block;font-size:12px;line-height:1.35;font-weight:600}
#gn .gn-big a:hover,#gn .gn-small a:hover{color:var(--gn-blue)}
#gn .gn-new{display:inline-block;margin-left:8px;padding:2px 7px;vertical-align:middle;font-size:11px;font-weight:600;letter-spacing:0;color:#bf4800;border:1px solid currentColor;border-radius:980px}
#gn .gn-back{display:none}

/* Search flyout */
#gn .gn-search{width:100%;max-width:680px}
#gn .gn-search form{display:flex;align-items:center;gap:12px;margin:0 0 28px}
#gn .gn-search svg{flex:none;width:22px;height:22px;fill:var(--gn-mute)}
#gn .gn-search input{flex:1;min-width:0;padding:4px 0;font:600 24px/1.2 inherit;font-family:inherit;color:var(--gn-ink);background:none;border:0;outline:0}
#gn .gn-search input::placeholder{color:var(--gn-mute)}

/* Curtain behind open flyouts */
#gn .gn-curtain{position:fixed;inset:44px 0 0;z-index:1;background:var(--gn-curtain);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
visibility:hidden;opacity:0;transition:opacity .24s,visibility 0s linear .24s}
#gn.has-open .gn-curtain{visibility:visible;opacity:1;transition-delay:0s}

/* Mobile */
@media (max-width:833px){
#gn .gn-bar{padding:0 10px 0 16px}
#gn .gn-tools{margin-left:0;gap:0}
#gn .gn-donate{display:none}
#gn .gn-menu-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
#gn .gn-menu-btn span{position:absolute;left:15px;width:16px;height:1.5px;background:currentColor;border-radius:1px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#gn .gn-menu-btn span:first-child{transform:translateY(-3.5px)}
#gn .gn-menu-btn span:last-child{transform:translateY(3.5px)}
#gn.menu-open .gn-menu-btn span:first-child{transform:rotate(45deg)}
#gn.menu-open .gn-menu-btn span:last-child{transform:rotate(-45deg)}
#gn .gn-list{position:fixed;inset:44px 0 0;z-index:3;display:block;height:auto;padding:16px 32px 48px;overflow:auto;background:var(--gn-solid);
visibility:hidden;opacity:0;transition:opacity .24s,visibility 0s linear .24s}
#gn.menu-open .gn-list{visibility:visible;opacity:1;transition-delay:0s}
#gn.menu-open .gn-bg{background:var(--gn-solid);border-bottom-color:transparent}
#gn .gn-list>.gn-item{position:relative;height:auto}
#gn .gn-list .gn-link{width:100%;height:auto;padding:8px 0;font-size:28px;line-height:1.14;font-weight:600;letter-spacing:-.015em;opacity:1}
#gn .gn-list .gn-sub-btn{position:absolute;inset:0;width:auto;height:auto;display:flex;align-items:center;justify-content:flex-end;opacity:.6}
#gn .gn-list .gn-sub-btn svg{width:12px;height:12px;transform:rotate(-90deg)}
#gn .gn-list .gn-sub-btn:focus-visible{width:auto}
#gn .gn-list .gn-fly{position:fixed;top:44px;bottom:0;max-height:none;z-index:4;padding:0}
#gn .gn-tools .gn-fly{position:fixed;top:44px;bottom:0;max-height:none}
#gn .gn-fly-in{display:block;padding:12px 32px 48px}
#gn .gn-col{transform:translateX(24px)}
#gn .gn-col+.gn-col{margin-top:36px}
#gn .gn-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 0 12px -10px;color:var(--gn-mute)}
#gn .gn-back svg{width:14px;height:14px;transform:rotate(90deg)}
#gn .gn-big a{font-size:24px}
#gn .gn-small a{font-size:17px}
#gn .gn-small li+li{margin-top:14px}
#gn .gn-curtain{display:none}
}

@media (prefers-color-scheme:dark){
#gn{--gn-ink:#f5f5f7;--gn-mute:#a1a1a6;--gn-bg:rgba(22,22,23,.8);--gn-solid:#161617;--gn-line:rgba(255,255,255,.1);--gn-curtain:rgba(0,0,0,.4);--gn-blue:#2997ff}
#gn .gn-new{color:#ff9f0a}
#gn .gn-donate{background:#0071e3}
}
@media (prefers-reduced-motion:reduce){
#gn *,#gn *::before,#gn *::after{transition-duration:.01ms!important;transition-delay:0s!important}
}
