/* Sign in sits apart from the navigation: its own small capsule beside the bar, in the same material, moving with it. */
.kh-signin{position:absolute;z-index:1;left:calc(100% + 9px);top:-1px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;text-decoration:none;font-weight:600}

/* Store pages */
body:not([data-page]) .site-header,body[data-page] .site-header{width:min(1120px,calc(100% - 148px))!important;margin-left:max(24px,min(calc((100% - 1120px)/2),calc(100% - 1244px)))!important;margin-right:auto!important}
.site-header .kh-signin{width:92px;height:68px;border:1px solid #ffffffc9;border-radius:999px;background:rgba(236,241,245,.62);box-shadow:0 8px 28px #1825321a,inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);color:#1c2025;font-size:14px;transition:background .15s}
.site-header .kh-signin:hover{background:rgba(255,255,255,.92)}
/* The bar is narrower now, so its menu takes over before the links reach the buttons. */
@media (min-width:761px) and (max-width:960px){
.site-header .desktop-nav{display:none!important}
.site-header .menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:35px;height:35px;padding:5px;border:0;border-radius:50%;background:#d6dce1}
.site-header .menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#1c2025}
.site-header .mobile-nav:not([hidden]){position:absolute;display:flex;flex-direction:column;gap:16px;top:calc(100% + 8px);left:0;right:0;padding:20px 22px;border:1px solid #dce3e8;border-radius:20px;background:#f1f4f6;box-shadow:0 12px 30px #18253224}
}
@media (max-width:760px){
body:not([data-page]) .site-header,body[data-page] .site-header{width:calc(100% - 100px)!important;margin-left:10px!important}
.site-header .kh-signin{left:calc(100% + 7px);width:74px;height:58px;font-size:13px}
.site-header .wordmark-store{display:none}
}

/* Tools and account pages */
.t-nav:has(.kh-signin){margin-right:88px}
.t-nav .kh-signin{left:calc(100% + 9px);width:80px;height:52px;border:1px solid var(--t-line);border-radius:16px;background:#ffffffd9;box-shadow:0 1px 2px #14181d0a;color:var(--t-ink);font-size:13px;transition:background .15s}
.t-nav .kh-signin:hover{background:#fff}
@media (min-width:861px) and (max-width:1080px){
.t-nav .t-nav-buy{display:none}
.t-nav .t-nav-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0 8px;border-radius:9px;background:var(--t-canvas)}
.t-nav .t-nav-menu span{display:block;height:1.5px;background:var(--t-ink)}
.t-nav nav{display:none;left:0;right:0;top:calc(100% + 6px);transform:none;flex-direction:column;gap:0;padding:8px;background:#fff;border:1px solid var(--t-line);border-radius:14px;box-shadow:0 12px 30px #14182529}
.t-nav nav.is-open{display:flex}
.t-nav .t-nav-buy-m{display:block;margin-top:4px;background:var(--t-ink);color:#fff!important;text-align:center}
}
@media (max-width:860px){
.t-nav:has(.kh-signin){margin-right:78px}
.t-nav .kh-signin{left:calc(100% + 7px);width:71px;height:46px;border-radius:13px}
.t-nav .t-nav-brand small{display:none}
}
@media (max-width:345px){
body:not([data-page]) .site-header,body[data-page] .site-header{width:calc(100% - 84px)!important;gap:8px!important;padding:0 8px 0 10px!important}
.site-header .kh-signin{left:calc(100% + 5px);width:62px;font-size:12px}
}