/* Main-site navigation uses the same geometry and active state on every page. */
header[data-site-header]{position:sticky!important;top:0!important;box-sizing:border-box;width:100%;min-height:80px;padding:16px 32px!important;background:#fcfcfc!important;border-bottom:1px solid #e1e6e2;box-shadow:none!important;z-index:50}
[data-site-header] .site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none!important;margin:0!important;padding:0!important}
header[data-site-header][data-toolkit-header]{min-height:64px}
[data-site-header] .site-brand{display:inline-flex;align-items:center;min-height:40px;font:600 24px/1.25 Lora,Georgia,serif;color:#152c28;text-decoration:none;white-space:nowrap}
[data-site-header] .site-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
[data-site-header] .site-nav a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:#f0f2f3;color:#334155;font:500 13px/1.3 Inter,system-ui,sans-serif;text-decoration:none;transition:background-color .18s,color .18s}
[data-site-header] .site-nav a:hover{background:#e0eee7;color:#145d4c}
[data-site-header] .site-nav a[aria-current=page]{background:#145d4c;color:white}
[data-site-header] a:focus-visible,.connect-email:focus-visible{outline:3px solid #168dca;outline-offset:3px}
.connect-email{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:24px;padding:10px 20px;background:#145d4c;color:white;border-radius:999px;font:500 14px/1.5 Inter,system-ui,sans-serif;text-decoration:none;transition:background-color .18s}
.connect-email:hover{background:#0d493b}
@media(max-width:650px){header[data-site-header]{padding:12px 16px!important}[data-site-header] .site-header-inner{flex-wrap:wrap;gap:10px}[data-site-header] .site-brand{font-size:21px}[data-site-header] .site-nav a{padding:0 14px}}
@media(prefers-reduced-motion:reduce){[data-site-header] .site-nav a,.connect-email{transition:none}}
@media(max-width:650px){.article-hero>.container{min-width:0;grid-template-columns:minmax(0,1fr)}.article-hero .kinetic-headline{font-size:clamp(28px,8.5vw,40px);line-height:1.2}.article-hero .text-left{min-width:0}}

/* Stable page-to-page geometry, including pages with classic scrollbars. */
html[data-site-page],html:has(>body>header.px-8.py-4:not([data-site-header])){scrollbar-gutter:stable}
[data-site-header] .site-nav,header.px-8.py-4:not([data-site-header])>.container>nav{display:flex;align-items:center;flex-wrap:nowrap;gap:8px!important;margin:0!important;padding:0!important}
[data-site-header] .site-nav>a,header.px-8.py-4:not([data-site-header])>.container>nav>a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 88px;width:88px;height:40px;min-height:40px;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:20px!important;font:500 13px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:normal;text-decoration:none;white-space:nowrap;background:#f0f2f3!important;color:#334155;animation:none!important;transform:none!important}
[data-site-header] .site-nav>a:hover,header.px-8.py-4:not([data-site-header])>.container>nav>a:hover{background:#e0eee7!important;color:#145d4c}
[data-site-header] .site-nav>a[aria-current=page],header.px-8.py-4:not([data-site-header])>.container>nav>a[aria-current=page]{background:#145d4c!important;color:white}
/* Older deployed pages already load custom.css, which imports this stylesheet.
   Normalize their wrapper and nested rainbow-button span without JavaScript. */
header.px-8.py-4:not([data-site-header]):has(>.container>nav){box-sizing:border-box;width:100%;min-height:80px;padding:16px 32px!important;background:#fcfcfc!important;border-bottom:1px solid #e1e6e2;box-shadow:none!important}
header.px-8.py-4:not([data-site-header])>.container:has(>nav){display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none!important;margin:0!important;padding:0!important}
header.px-8.py-4:not([data-site-header])>.container:has(>nav)>a{display:inline-flex;align-items:center;min-height:40px;font:600 24px/1.25 Lora,Georgia,serif;color:#152c28;text-decoration:none;white-space:nowrap}
header.px-8.py-4:not([data-site-header])>.container>nav>a>.button-content{display:contents!important;background:none!important;margin:0!important;padding:0!important;border:0!important;font:inherit!important;color:inherit!important;animation:none!important}
@media(max-width:650px){[data-site-header] .site-nav>a,header.px-8.py-4:not([data-site-header])>.container>nav>a{flex-basis:84px;width:84px}header.px-8.py-4:not([data-site-header]):has(>.container>nav){padding:12px 16px!important}header.px-8.py-4:not([data-site-header])>.container:has(>nav){flex-wrap:wrap;gap:10px}header.px-8.py-4:not([data-site-header])>.container:has(>nav)>a{font-size:21px}}