html{scroll-behavior:smooth;scroll-padding-top:88px}
body{overflow-x:hidden}
.skip-link{position:fixed;z-index:9999;top:10px;left:10px;padding:12px 16px;background:#40c94c;color:#101313;font-weight:800;text-decoration:none;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header nav a[aria-current="page"]{color:#40c94c}
button,a,select,input,summary{touch-action:manipulation}
img{max-width:100%;height:auto}
footer .footer-legal{color:#b8c0ba;text-decoration:none;border-bottom:1px solid #4f5952;padding-bottom:3px}footer .footer-legal:hover{color:#40c94c}
.newsletter input::placeholder{color:#aeb7b0}
.newsletter output{max-width:620px;line-height:1.55}
.newsletter-consent{display:flex!important;align-items:flex-start;gap:9px;margin-top:14px!important;font:12px/1.5 Manrope,sans-serif!important;letter-spacing:0!important;color:#cbd3cc}.newsletter-consent input{flex:0 0 auto;width:16px!important;height:16px;margin:2px 0 0;accent-color:#40c94c}.newsletter-consent a{color:#40c94c}.newsletter-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.newsletter button:disabled{opacity:.6;cursor:wait}
.content-status{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border:1px solid #b8beb6;color:#687068;font:500 9px 'DM Mono',monospace;letter-spacing:.08em}
@media(max-width:760px){
  html{scroll-padding-top:72px}
  .site-header{justify-content:flex-start}
  .site-header .brand{flex:0 0 auto}
  .nav-toggle{margin-left:auto}
  .language-picker{display:none}
  .site-header.menu-open .language-picker{display:inline-flex;position:absolute;z-index:22;top:148px;left:6vw;margin:0!important}
  .site-header.menu-open nav{max-height:calc(100vh - 70px);overflow-y:auto;padding-bottom:78px}
  .hero,.page-hero,.tool-purpose-guide{width:100vw;max-width:100vw;min-width:0}
  .hero>*,.page-hero>*,.routines-library-hero>*,.tool-purpose-guide>*{min-width:0;max-width:100%}
  .hero-copy,.page-hero>p:last-child,.routines-library-hero>p:not(.eyebrow),.tool-purpose-guide p{width:100%;max-width:100%;font-size:16px;overflow-wrap:anywhere}
  .page-hero h1{font-size:clamp(48px,14.5vw,60px)}
  .tool-purpose-guide h2{font-size:clamp(35px,10.5vw,42px)!important;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}