/* Shared header, navigation and announcement system. */
@import url('./fonts/fallbacks.css');
:root{--font-sans:"ABC Areal","Satoshi","Inter Tight",Arial,sans-serif;--font-mono:"ABC Areal Mono","IBM Plex Mono",ui-monospace,monospace}
.gh-post-upgrade-cta,.gh-post-upgrade-cta-content,.gh-post-upgrade-cta-content *{font-family:var(--font-sans)!important}
.disblur-masthead{--menu-space:0px;--header-inset:clamp(32px,2.9vw,50px);--header-top:40px;--menu-top:116px;position:relative;z-index:20;width:min(100%,1728px);margin:0 auto;height:var(--menu-space);overflow-anchor:none}
.disblur-masthead .site-header{position:absolute;left:var(--header-inset);right:var(--header-inset);top:var(--header-top);height:56px;gap:24px}
.home-template .disblur-masthead{--header-top:calc(50px * min(1,100vw / 1728px,(100svh - 200px) / 740px))}
.publication-header{height:auto}
.publication-header .disblur-masthead{height:calc(160px + var(--menu-space))}
.header-actions{gap:32px}
.menu-is-open .header-actions{margin-right:-8px}
.menu-toggle{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.menu-strokes{position:relative;display:block;width:22px;height:24px}
.menu-strokes i{position:absolute;top:0;display:block;width:1px;height:24px;background:currentColor}
.menu-strokes i:nth-child(1){left:3px}.menu-strokes i:nth-child(2){left:10px}.menu-strokes i:nth-child(3){left:17px}
.menu-toggle[aria-expanded=true] .menu-strokes i:nth-child(1){transform:translateX(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-strokes i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-strokes i:nth-child(3){transform:translateX(-7px) rotate(-45deg)}
.disblur-menu{position:absolute;top:var(--menu-top);left:var(--header-inset);right:var(--header-inset);padding:0 0 30px;background:#000}
.disblur-menu[hidden]{display:none}
.menu-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:48px;border-top:1px solid var(--white-20);padding-top:28px}
.menu-intro{font-size:clamp(24px,2.5vw,36px);line-height:1.13;letter-spacing:-.03em}
.menu-intro span{color:var(--white-50)}
.disblur-menu .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;list-style:none;margin:0;padding:0;counter-reset:menu}
.disblur-menu .nav li{min-width:0;border-bottom:1px solid var(--white-20);counter-increment:menu}
.disblur-menu .nav a{display:flex;align-items:baseline;gap:16px;padding:16px 0 20px;font-size:clamp(21px,2vw,30px);line-height:1.2;letter-spacing:-.025em;color:var(--white-80);text-decoration:none}
.disblur-menu .nav a:before{content:counter(menu,decimal-leading-zero);font-family:var(--font-mono);font-size:10px;letter-spacing:0;color:var(--white-50)}
.disblur-menu .nav a:after{content:'↗';margin-left:auto;padding-left:8px;color:var(--white-50);font-size:.72em}
.disblur-menu .nav a:hover,.disblur-menu .nav a:focus-visible{color:#fff}
.disblur-menu .nav a:hover:after{color:#fff}
.disblur-menu .nav-current a{color:#fff}
.disblur-announcement{position:relative;z-index:21;background:#141414;border-bottom:1px solid var(--white-20);color:var(--white-80);font-size:14px;line-height:1.45;overflow-anchor:none}
.disblur-announcement[hidden]{display:none}
.announcement-inner{position:relative;width:min(100%,1728px);min-height:44px;margin:auto;padding:11px 76px;display:flex;justify-content:center;align-items:center}
.announcement-copy{text-align:center;text-wrap:balance}
.announcement-copy p{margin:0}.announcement-copy a{color:#fff;text-decoration:underline;text-underline-offset:4px}.announcement-copy strong{font-weight:500}
.announcement-close{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:var(--white-50);font:24px/1 var(--font-sans);cursor:pointer}
.announcement-close:hover{color:#fff}
body:has(.menu-is-open){overflow-anchor:none}
@media(max-width:1099px){
 .disblur-masthead,.home-template .disblur-masthead{--header-inset:32px;--header-top:28px;--menu-top:108px}
 .publication-header .disblur-masthead{height:calc(124px + var(--menu-space))}
 .disblur-masthead .site-header{gap:16px}
 .header-actions{gap:24px}
 .menu-layout{gap:32px;grid-template-columns:minmax(140px,1fr) minmax(0,2fr)}
 .disblur-menu .nav{column-gap:24px}
 .disblur-menu .nav a{gap:10px;font-size:22px}
}
@media(max-width:767px){
 .disblur-masthead,.home-template .disblur-masthead{--header-inset:20px;--header-top:16px;--menu-top:92px}
 .disblur-masthead .site-header{height:44px;gap:12px}
 .disblur-masthead .wordmark-link,.disblur-masthead .wordmark-header{width:118px;height:auto}
 .disblur-masthead .header-actions{--header-text-size:14px;gap:0;flex-direction:column;align-items:flex-end}
 .disblur-masthead .header-involve{padding-top:5px}
 .menu-is-open .header-actions{margin-right:0}
 .menu-toggle{margin-right:-10px}
 .publication-header .disblur-masthead{height:calc(100px + var(--menu-space))}
 .menu-layout{grid-template-columns:1fr;gap:0;padding-top:4px}
 .menu-intro{display:none}
 .disblur-menu .nav{grid-template-columns:1fr;gap:0}
 .disblur-menu .nav a{font-size:25px;padding:14px 0;gap:18px}
 .disblur-menu{padding-bottom:24px}
 .announcement-inner{padding:10px 48px 10px 20px;min-height:44px;justify-content:flex-start}
 .announcement-copy{text-align:left;font-size:12px;line-height:1.4}
 .announcement-close{right:4px}
}
@media(max-width:359px){.disblur-masthead .wordmark-link,.disblur-masthead .wordmark-header{width:98px}.disblur-masthead .site-header{gap:8px}.disblur-masthead .header-actions{--header-text-size:13px}}
@media(min-width:568px) and (max-height:600px){.disblur-masthead,.home-template .disblur-masthead{--header-top:16px;--menu-top:84px}}
@media(prefers-reduced-motion:reduce){.disblur-masthead,.header-actions,.menu-strokes i{transition:none}.home-template .disblur-masthead{height:calc(84px + var(--menu-space))}}