/* TODAY is the masthead. Section names are navigation, with no second opening. */
.app-header{background:var(--paper);backdrop-filter:none}
.app-header-inner{position:relative;min-height:156px;gap:36px}
.app-brand{font-size:112px}
.brand-lockup{gap:5px}
.brand-spark{width:44px;height:44px;margin-top:2px}
.brand-spark svg{width:34px;height:34px}
.section-tabs{gap:32px}
.section-tabs>a{min-width:44px;gap:0;padding:12px 0}
.section-tabs>a>span:first-child{font:500 18px/1.2 var(--display);letter-spacing:-.025em}
#site-menu-toggle{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--ink)}
#site-menu-toggle svg{width:26px;height:26px;stroke-width:1.8;stroke-linecap:round}
.menu-line{transition:transform .16s ease,opacity .16s ease}
.menu-line-top{transform-origin:12px 5px}
.menu-line-bottom{transform-origin:12px 19px}
#site-menu-toggle[aria-expanded=true] .menu-line-top{transform:translateY(7px) rotate(45deg)}
#site-menu-toggle[aria-expanded=true] .menu-line-middle{opacity:0}
#site-menu-toggle[aria-expanded=true] .menu-line-bottom{transform:translateY(-7px) rotate(-45deg)}
.site-menu{position:absolute;top:100%;left:0;right:0;z-index:1;background:var(--paper);border-bottom:1px solid var(--line)}
.site-menu[hidden]{display:none!important}
.site-menu-inner{max-width:1440px;margin:auto;padding:6px var(--gutter) 18px}
.site-menu a{display:flex;align-items:center;gap:16px;min-height:56px;padding:8px 0;font:500 23px/1.35 var(--display);letter-spacing:-.035em;color:var(--muted)}
.site-menu a[aria-current=page]{color:var(--ink)}
.site-menu a[aria-current=page]:after{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:var(--green);margin-left:auto}
.site-menu a:hover{color:var(--green)}
.site-menu a:focus-visible,#site-menu-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#main-content{scroll-margin-top:calc(172px + var(--breeze-header-extra,0px))}
.margin-content,.company-sidebar{top:calc(184px + var(--breeze-header-extra,0px))}
#posts>.home-story:first-child{padding-top:0}
.reading-column>#source-filter{margin:0 0 22px}
.reading-column>#source-filter[hidden]{display:none!important}
.footer-menu{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.footer-brand{font:500 16px var(--display);letter-spacing:-.04em;color:var(--ink)}
.footer-menu a,.footer-menu button{font:11px var(--body);min-height:44px}
@media(min-width:761px){.site-menu{display:none!important}}
@media(max-width:760px){
 .app-header-inner{min-height:120px;gap:15px}
 .app-brand{font-size:76px;padding:8px 0}
 .brand-lockup{gap:0}
 .brand-spark{width:44px;height:44px;margin-top:0}
 .brand-spark svg{width:25px;height:25px}
 .section-tabs{display:none}
 #site-menu-toggle{display:flex}
 .site-menu{max-height:calc(100dvh - 120px - var(--breeze-header-extra,0px));overflow-y:auto;overscroll-behavior:contain}
 #main-content{scroll-margin-top:calc(136px + var(--breeze-header-extra,0px))}
 .footer-menu{gap:20px}
 .footer-bottom{align-items:flex-start}
}
@media(max-width:359px){
 .app-header-inner{gap:12px}
 .app-brand{font-size:68px}
 .brand-spark{width:44px}
}
@media(prefers-reduced-motion:reduce){.menu-line{transition:none}}
