@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
/* One header for every site page. The transparent underline reserves its space. */
body[data-page] .site-header{position:sticky;top:0;z-index:99;background:#fff;border:0;border-bottom:1px solid #bed1c3;backdrop-filter:none;font-family:Manrope,Arial,sans-serif}
body[data-page] .site-header .nav-inner{width:calc(100% - 48px);max-width:1240px;height:76px;min-height:76px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
body[data-page] .site-header .desktop-nav{display:flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;gap:32px;margin:0}
body[data-page] .site-header .desktop-nav a{box-sizing:border-box;display:inline-block;padding:5px 0;border:0;border-bottom:2px solid transparent;text-decoration:none;color:#17392f;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap}
body[data-page] .site-header .desktop-nav a:hover,body[data-page] .site-header .desktop-nav a.is-active{border-bottom-color:#277A60}
body[data-page] .site-header .brand{grid-column:2;grid-row:1;justify-self:center;display:block;width:248px;min-width:0;line-height:0;text-decoration:none}
body[data-page] .site-header .brand img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
body[data-page] .site-header .nav-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;margin:0}
body[data-page] .site-header .nav-actions .button{display:inline-flex;align-items:center;justify-content:center;min-width:158px;min-height:50px;padding:11px 18px;border:1px solid #104b39;border-radius:10px;background:#104b39;color:#fff;text-decoration:none;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}
body[data-page] .site-header .nav-actions .button:hover{background:#176249;transform:none}
body[data-page] .site-header .menu-toggle{display:none}
body[data-page] .site-header .mobile-nav[hidden]{display:none!important}
body[data-page] .site-header a:focus-visible,body[data-page] .site-header button:focus-visible{outline:3px solid #277A60;outline-offset:3px}
@media(max-width:800px){
 body[data-page] .site-header .nav-inner{height:68px;min-height:68px;display:flex;justify-content:space-between;gap:16px}
 body[data-page] .site-header .brand{order:0;justify-self:auto;width:215px;min-width:0}
 body[data-page] .site-header .desktop-nav,body[data-page] .site-header .nav-actions{display:none}
 body[data-page] .site-header .menu-toggle{order:1;display:block;flex:none;margin-left:auto;width:44px;height:44px;padding:9px;border:1px solid #afc4b5;border-radius:8px;background:#fff}
 body[data-page] .site-header .menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:#17392f}
 body[data-page] .site-header .mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:4px 24px 20px;border-top:1px solid #bed1c3;background:#fff}
 body[data-page] .site-header .mobile-nav a{display:block;padding:13px 2px;border-bottom:1px solid #d7e4d9;color:#17392f;text-decoration:none;font-size:14px;font-weight:700}
 body[data-page] .site-header .mobile-nav a.is-active{border-bottom:2px solid #277A60}
}
@media(max-width:580px){
 body[data-page] .site-header .nav-inner{width:calc(100% - 36px);height:64px;min-height:64px}
 body[data-page] .site-header .brand{width:185px}
}