/* Shared floating header. Loaded last so legacy page headers cannot override its geometry. */
body.ml-has-topbar{--ml-bar-top:12px;--ml-bar-inset:28px;--ml-bar-height:54px;--ml-bar-offset:78px;--hw-header-height:var(--ml-bar-offset)}
body.ml-has-topbar:not(.ml-has-workspace){padding-top:var(--ml-bar-offset)!important;box-sizing:border-box}
body.hw-theme header.ml-glass-topbar{position:fixed!important;inset:var(--ml-bar-top) var(--ml-bar-inset) auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:auto!important;max-width:none!important;height:var(--ml-bar-height)!important;min-height:var(--ml-bar-height)!important;margin:0!important;padding:0 18px 0 24px!important;gap:16px!important;border:1px solid rgba(211,196,180,.45)!important;border-radius:999px!important;background:rgba(255,250,244,.72)!important;color:#253039!important;box-shadow:0 8px 28px rgba(100,65,39,.07),inset 0 1px 0 #ffffffa0!important;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);z-index:1400!important;overflow:visible!important;transform:none!important;view-transition-name:memolink-topbar}
.ml-glass-topbar .ml-topbar-legacy{display:none!important}
.ml-glass-topbar .ml-topbar-brand{display:flex;align-items:center;flex:0 0 auto;line-height:1;text-decoration:none;border:0;background:none;padding:0!important;margin:0!important}
.hw-theme .ml-glass-topbar .ml-supplied-full{width:174px!important;height:auto!important}
.hw-theme .ml-glass-topbar .ml-supplied-symbol{width:30px!important;height:30px!important}
.ml-glass-topbar .ml-topbar-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:14px;min-width:0;margin-left:auto}
.ml-glass-topbar .ml-topbar-more{display:block;position:static;margin:0;padding:0;border:0}
.ml-glass-topbar .ml-topbar-toggle{display:grid!important;place-items:center;width:44px;height:44px;min-width:44px;padding:0!important;list-style:none;border:0;border-radius:50%;background:transparent;color:#34434d;cursor:pointer;transition:background .18s ease}
.ml-topbar-toggle::-webkit-details-marker{display:none}.ml-topbar-toggle::marker{content:''}
.ml-glass-topbar .ml-topbar-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
.ml-glass-topbar .ml-topbar-toggle:hover,.ml-topbar-more[open]>.ml-topbar-toggle{background:#e9dfd65e}
.ml-glass-topbar .ml-topbar-signin{display:inline-flex!important;align-items:center;min-height:44px;padding:0 4px!important;border:0;background:none;color:#28353c!important;font:550 14px/1.4 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.ml-glass-topbar.has-account .ml-topbar-signin{display:none!important}
.ml-glass-topbar .ml-topbar-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;min-height:36px;padding:8px 17px!important;border:1px solid #ed542b;border-radius:999px;background:#ec481c;color:#fff!important;font:650 13px/1.3 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff2b;transition:background .18s ease}
.ml-glass-topbar .ml-topbar-cta:hover{background:#cf3914}.ml-topbar-cta>span:last-child{font-size:20px;line-height:1}
.ml-glass-topbar .ml-topbar-menu{display:block!important;position:absolute;top:calc(100% + 13px);right:160px;width:268px;max-width:calc(100vw - 28px);max-height:calc(calc(100dvh / var(--ml-z,1)) - var(--ml-bar-offset) - 28px);overflow-y:auto;overscroll-behavior:contain;padding:12px;background:rgba(255,253,250,.97);border:1px solid #eae1d6;border-radius:19px;box-shadow:0 16px 44px #4d382516;animation:ml-topbar-reveal .18s ease both}
.ml-glass-topbar .ml-topbar-menu a{display:flex!important;align-items:center;gap:14px;min-height:46px;padding:11px 12px!important;border:0;border-radius:10px;color:#34404a!important;background:none;text-decoration:none;font:500 14px/1.4 Inter,system-ui,sans-serif;white-space:normal}
.ml-glass-topbar .ml-topbar-menu a:hover{background:#f3ebe2}.ml-glass-topbar .ml-topbar-menu svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ml-glass-topbar .ml-topbar-menu>a[href="support.html"]{border-top:1px solid #eee6dd;border-radius:0 0 10px 10px;margin-top:6px;padding-top:17px!important}
.ml-glass-topbar :is(a,summary,button):focus-visible{outline:3px solid #77508f;outline-offset:3px}
.ml-glass-topbar :is(a,summary,button){-webkit-tap-highlight-color:transparent}
.ml-glass-topbar .hw-account{margin-left:0!important}
.ml-glass-topbar .hw-account-button{background:#ffffff75;border-color:#ded3c7;min-height:42px}
.hw-theme .ml-glass-topbar .hw-account-popover{position:absolute!important;top:calc(100% + 17px)!important;right:0!important;background:#fffdf9;max-height:calc(calc(100dvh / var(--ml-z,1)) - var(--ml-bar-offset) - 24px);overflow-y:auto}
.ml-has-topbar.st-page .st-hero{min-height:calc(var(--vh) - var(--ml-bar-offset) + 1px)}
.ml-has-topbar.st-page .st-scene{padding-top:max(64px,calc(var(--ml-bar-offset) + 18px))}
.ml-has-topbar.hw-view .page{margin-top:0!important;padding-top:24px!important}
.ml-has-topbar.hw-auth .left-brand{display:none!important}
.ml-has-topbar.hw-auth :is(.left,.right){min-height:calc(calc(100dvh / var(--ml-z,1)) - var(--ml-bar-offset))}
@view-transition{navigation:auto}
::view-transition-group(memolink-topbar){animation-duration:0s}
::view-transition-old(memolink-topbar),::view-transition-new(memolink-topbar){animation:none;mix-blend-mode:normal}
@keyframes ml-topbar-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes ml-topbar-dismiss{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}
.ml-glass-topbar .ml-topbar-more.is-closing .ml-topbar-menu{animation:ml-topbar-dismiss .16s ease both;pointer-events:none}
.ml-glass-topbar .ml-topbar-more{padding:0 4px}
/* Desktop bar is centered and narrower than the earlier floating version. */
@media(min-width:1101px){body.hw-theme header.ml-glass-topbar{left:50%!important;right:auto!important;width:calc(54% - 30.24px)!important;max-width:1008px!important;transform:translateX(-50%)!important}}
@media(min-width:901px) and (max-width:1100px){body.hw-theme header.ml-glass-topbar{left:50%!important;right:auto!important;width:calc(100% - 56px)!important;max-width:760px!important;transform:translateX(-50%)!important}}
@media(max-width:900px){body.ml-has-topbar{--ml-bar-inset:16px;--ml-bar-height:52px;--ml-bar-top:12px;--ml-bar-offset:76px}.ml-glass-topbar .ml-topbar-actions{gap:10px}.ml-glass-topbar .ml-topbar-menu{right:112px}.ml-has-topbar.hw-auth .left{min-height:200px}.ml-has-topbar.hw-auth .right{min-height:0}}
@media(max-width:600px){body.ml-has-topbar{--ml-bar-inset:10px;--ml-bar-height:50px;--ml-bar-top:8px;--ml-bar-offset:70px}body.hw-theme header.ml-glass-topbar{padding:0 10px 0 16px!important;gap:8px!important}.hw-theme .ml-glass-topbar .ml-supplied-full{width:120px!important}.hw-theme .ml-glass-topbar .ml-supplied-symbol{width:32px!important;height:32px!important}.ml-glass-topbar .ml-topbar-actions{gap:5px}.ml-glass-topbar .ml-topbar-toggle{width:40px;min-width:40px;height:44px}.ml-glass-topbar .ml-topbar-signin{font-size:12px;padding:0 3px!important}.ml-glass-topbar .ml-topbar-cta{font-size:12px;min-height:40px;padding:10px 13px!important;gap:8px}.ml-glass-topbar .ml-topbar-cta>span:last-child{font-size:17px}.ml-glass-topbar .ml-topbar-menu{right:0;width:268px}.ml-glass-topbar .hw-account-button{padding:4px;gap:0}.ml-glass-topbar .hw-account-chevron{display:none}.ml-has-topbar.hw-auth :is(.left,.right){min-height:0}.ml-has-topbar.st-page .st-scene{padding-top:calc(var(--ml-bar-offset) + 12px)}}
@media(max-width:380px){.hw-theme .ml-glass-topbar .ml-supplied-full{width:104px!important}.ml-glass-topbar .ml-topbar-actions{gap:2px}.ml-glass-topbar .ml-topbar-cta{padding:10px!important;gap:5px}.ml-glass-topbar .ml-topbar-signin,.ml-glass-topbar .ml-topbar-cta>span:last-child{display:none!important}}
@media(prefers-reduced-motion:reduce){.ml-glass-topbar *{animation:none!important;transition:none!important}}
@supports not (backdrop-filter:blur(1px)){body.hw-theme header.ml-glass-topbar{background:rgba(255,250,244,.96)!important}}
/* Embedded views reuse the host header; never render a second bar inside a cached page. */
html.hw-embedded body .ml-glass-topbar{display:none!important}

@media(max-width:600px){.ml-glass-topbar.has-account .ml-topbar-cta{display:none!important}}

/* Home sits beside the logo on every public page. */
.ml-glass-topbar .ml-topbar-home{display:inline-flex!important;align-items:center;gap:7px;min-height:38px;margin-left:6px;padding:0 13px 0 10px!important;border:1px solid #e3d8cb;border-radius:999px;background:#ffffff8c;color:#28353c!important;font:600 13.5px/1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:background .18s ease}
.ml-glass-topbar .ml-topbar-home:hover{background:#fff}
.ml-glass-topbar .ml-topbar-home svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
@media(max-width:600px){
 .ml-glass-topbar .ml-topbar-home{padding:0 9px!important;margin-left:2px;min-height:36px}
 .ml-glass-topbar .ml-topbar-home span{display:none}
}
.ml-version{margin-left:10px;padding:2px 8px;border-radius:6px;background:#00000010;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
/* Phones: logo + Home on the left, menu + main button on the right; Sign in moves into the menu. */
@media(max-width:600px){
 .ml-glass-topbar .ml-topbar-brand{flex:0 1 auto;min-width:0}
 .hw-theme .ml-glass-topbar .ml-supplied-full{width:104px!important}
 .ml-glass-topbar .ml-topbar-home{flex:none;width:36px;height:36px;padding:0!important;justify-content:center}
 .ml-glass-topbar .ml-topbar-actions{flex:none;margin-left:auto}
 .ml-glass-topbar .ml-topbar-signin{display:none!important}
 .ml-glass-topbar .ml-topbar-menu .ml-menu-signin{display:flex!important}
}
@media(max-width:360px){.hw-theme .ml-glass-topbar .ml-supplied-full{width:88px!important}}
.ml-glass-topbar .ml-topbar-menu .ml-menu-signin{display:none!important}
.ml-glass-topbar .ml-topbar-menu{background:#fffdfa!important;box-shadow:0 20px 50px #2d1b5a26,0 0 0 1px #10172708!important}
/* No visible scroll bars on any page (scrolling still works), like the homepage. */
html:has(body.ml-has-topbar),body.ml-has-topbar{scrollbar-width:none}
html:has(body.ml-has-topbar)::-webkit-scrollbar,body.ml-has-topbar::-webkit-scrollbar{display:none;width:0;height:0}
