/* Shared navigation on the landing page and application pages. */
.site-head{box-sizing:border-box;background:#fbfcf8;color:#243e3b;display:flex;align-items:center;justify-content:space-between;padding:20px max(24px,calc((100vw - 1200px)/2));gap:24px;border-bottom:1px solid #dce5dd;font:500 15px/1.5 "DM Sans",Arial,sans-serif}
.site-head *{box-sizing:border-box}
.site-head a{color:inherit;text-decoration:none}
.site-head a:hover{color:#087f75}
.site-head .brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none!important}
.site-head .sporti-mark{display:block;width:36px;height:36px;flex:0 0 36px;max-width:none}
.site-head .sporti-wordmark{font:800 23px/1.2 Manrope,"DM Sans",Arial,sans-serif;letter-spacing:-.8px;color:#243e3b}
.site-head nav{display:flex;align-items:center;gap:22px;font:500 15px/1.5 "DM Sans",Arial,sans-serif}
.site-head nav form{margin:0}
.site-head .ui-icon{width:18px;height:18px}
.site-head .nav-cta{background:#087f75;color:white;padding:8px 14px;border-radius:24px}
.site-head .nav-cta:hover{background:#06685f;color:white}
.site-head button{font:inherit;cursor:pointer}
.account-menu{position:relative;max-width:100%}.account-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;padding:8px 12px;border:1px solid #cfdcd3;border-radius:24px;overflow-wrap:anywhere}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline:2px solid #087f75;outline-offset:3px}.account-menu[open] summary{background:#e4eee7}.account-menu[open] summary svg{transform:rotate(180deg)}.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:100;min-width:220px;max-width:calc(100vw - 36px);background:#fbfcf8;border:1px solid #cedbd1;border-radius:16px;box-shadow:0 10px 30px #243e3b26;padding:8px}.account-menu:not([open]) .account-menu-panel{display:none}.account-menu-panel a,.site-head .account-menu-panel button{display:flex;align-items:center;width:100%;min-height:44px;text-align:left;justify-content:flex-start;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#243e3b;font-size:15px;font-weight:500;white-space:normal}.account-menu-panel a:hover,.account-menu-panel a:focus-visible,.site-head .account-menu-panel button:hover,.site-head .account-menu-panel button:focus-visible{background:#e4eee7;color:#087f75}.account-menu-panel form{border-top:1px solid #dce5dd;padding-top:5px;margin-top:5px!important}@media(max-width:600px){.account-menu summary{max-width:calc(100vw - 36px)}.account-menu-panel{min-width:min(240px,calc(100vw - 36px))}}
/* 0.6.23: mobile navigation stays in the logo row; links use normal navigation. */
.site-head{position:relative;z-index:300}
.site-head .mobile-navigation,.site-head .mobile-menu-toggle{display:none}
.mobile-menu-toggle svg{width:25px;height:25px;display:block}
.mobile-menu-toggle .menu-cross{display:none}
.mobile-menu-toggle[aria-expanded="true"] .menu-lines{display:none}
.mobile-menu-toggle[aria-expanded="true"] .menu-cross{display:block}
@media(max-width:950px){
 .site-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
 .site-head .desktop-navigation{display:none}
 .site-head .mobile-navigation{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;font-size:16px}
 .site-head.navigation-ready{flex-wrap:nowrap}
 .site-head.navigation-ready .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;min-height:46px;padding:10px;border:0;border-radius:12px;background:transparent;color:#087f75;touch-action:manipulation}
 .site-head .mobile-menu-toggle:hover,.site-head .mobile-menu-toggle:focus-visible{background:#e4eee7;color:#06685f}
 .site-head .mobile-menu-toggle:focus-visible{outline:2px solid #087f75;outline-offset:2px}
 .site-head.navigation-ready .mobile-navigation{position:absolute;right:18px;top:calc(100% + 8px);width:min(300px,calc(100vw - 36px));max-height:calc(100dvh - 100px);overflow-y:auto;background:#fbfcf8;border:1px solid #cedbd1;border-radius:16px;box-shadow:0 10px 30px #243e3b26;padding:8px}
 .site-head .mobile-navigation[hidden]{display:none!important}
 .site-head .mobile-navigation a,.site-head .mobile-navigation button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:48px;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#243e3b;font-size:16px;font-weight:500;text-align:left;white-space:normal;touch-action:manipulation}
 .site-head .mobile-navigation a:hover,.site-head .mobile-navigation a:focus-visible,.site-head .mobile-navigation button:hover,.site-head .mobile-navigation button:focus-visible{background:#e4eee7;color:#087f75}
 .site-head .mobile-navigation .nav-cta{background:#087f75;color:#fff}
 .site-head .mobile-navigation .nav-cta:hover{background:#06685f;color:#fff}
 .mobile-account-name{border-top:1px solid #dce5dd;margin-top:6px;padding:12px 14px 5px;font-size:13px;color:#62736a;overflow-wrap:anywhere}
 .site-head .mobile-navigation form{border-top:1px solid #dce5dd;margin-top:6px;padding-top:6px}
}

@media(max-width:600px){.site-head{padding:18px}.site-head .brand{gap:8px}.site-head .sporti-wordmark{font-size:23px}}

/* 0.6.39: one login button style on the landing page and application. */
.site-head nav a.nav-cta,.rp-landing-public-nav-11514 a.login{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:49px;padding:11px 20px!important;border:1px solid #087f75!important;border-radius:26px!important;background:#087f75!important;color:#fff!important;font:700 15px/1.3 "DM Sans",Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap;box-shadow:none}
.site-head nav a.nav-cta:hover,.rp-landing-public-nav-11514 a.login:hover{background:#06685f!important;border-color:#06685f!important;color:#fff!important}
.site-head nav a.nav-cta:focus-visible,.rp-landing-public-nav-11514 a.login:focus-visible{background:#06685f!important;border-color:#06685f!important;color:#fff!important;outline:3px solid #77d4b5;outline-offset:3px}