/* One fixed geometry for the existing public navigation and workspace header. */
html{scrollbar-gutter:stable}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo){position:relative!important;top:auto!important;z-index:20;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:76px!important;min-height:76px!important;padding:0 3.65vw!important;margin:0!important;gap:24px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e7e9e8!important;border-radius:0!important;transform:none!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left{display:flex!important;align-items:center!important;gap:29px!important;flex-wrap:nowrap!important;width:auto!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) #bettermate-header-logo{margin:0!important;padding:0!important;flex:0 0 153px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) #bettermate-header-logo .bm-custom-wordmark{display:block!important;width:153px!important;height:27.54px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left>.rule{display:block!important;flex:0 0 1px!important;height:24px!important;background:#d9dfdc!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .account-header-links{display:contents!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left :is(#nav-explore,#nav-how){display:inline-block!important;font:400 13px/20px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:normal!important;color:#111!important;white-space:nowrap!important;padding:1px 6px!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left #nav-explore{width:60px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left #nav-how{width:90px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left :is(#nav-explore,#nav-how)[aria-current=page]{font-weight:400!important;text-decoration:underline!important;text-decoration-color:#03c75a!important;text-underline-offset:7px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 186px;min-height:46px;margin:0!important;visibility:visible!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right :is(#nav-login,#nav-register){display:inline-block!important;font:400 13px/18px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;padding:9px 20px!important;border:0!important;border-radius:24px!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right #nav-login{background:transparent!important;color:#60746a!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right #nav-register{background:#03c75a!important;color:#fff!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right #nav-register[hidden]{display:none!important}
@media(max-width:850px){
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo){height:112px!important;min-height:112px!important;padding:14px 16px!important;flex-wrap:nowrap!important;align-items:flex-start!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left{display:grid!important;grid-template-columns:60px 90px 82px!important;gap:18px 16px!important;width:auto!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) #bettermate-header-logo{grid-column:1/-1;width:133px!important;min-height:28px;margin:0!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) #bettermate-header-logo .bm-custom-wordmark{width:133px!important;height:24px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left>.rule{display:none!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left :is(#nav-explore,#nav-how){padding:1px 0!important;font-size:12px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right{position:absolute!important;right:16px!important;top:8px!important;min-width:0!important;width:auto!important;gap:2px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right :is(#nav-login,#nav-register){font-size:12px!important;padding:8px 10px!important}
body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .account-menu-name{max-width:105px}
}

body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left #nav-why-free{display:inline-block!important;width:82px!important;padding:1px 6px!important;margin:0!important;color:#111!important;font:400 13px/20px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;white-space:nowrap!important;text-decoration:none!important;background:none!important;border:0!important}
body>header #nav-why-free[aria-current="page"]{text-decoration:underline!important;text-decoration-color:#03c75a!important;text-underline-offset:7px!important}
@media(max-width:850px){body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left{column-gap:10px!important}body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left #nav-why-free{padding:1px 0!important;font-size:12px!important}}

/* Restore the established header height; retain the free information link. */
@media(max-width:850px){body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo){height:76px!important;min-height:76px!important;padding:7px 16px!important}body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-left{row-gap:4px!important}body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) .nav-right{top:5px!important}body>header:is(.shared-public-header,.account-header):has(#bettermate-header-logo) #bettermate-header-logo{min-height:28px!important}}