:root{--site-header-height:calc(60px + env(safe-area-inset-top,0px))}
html{scroll-padding-top:calc(var(--site-header-height) + 16px)}
.site-header{position:sticky;top:0;z-index:1000;height:var(--site-header-height);padding:env(safe-area-inset-top,0px) 24px 0;background:#fff;border-bottom:0;box-shadow:0 8px 26px rgba(25,36,59,.07)}
.site-header .top{height:60px;max-width:944px;margin:0 auto;padding:8px 0!important;border:0;gap:12px}
.site-header .join-btn{min-height:44px}
@media(max-width:600px){.site-header{padding-right:20px;padding-left:20px}.site-header .top{gap:8px}.site-header .community-wordmark{width:clamp(94px,27vw,150px)}}