/* Match Home's 64px navigation content plus its 1px divider. */
:root{--site-header-height:65px}
body>.top-nav,body>.appbar,body>.app>.appbar{box-sizing:border-box;height:var(--site-header-height);min-height:var(--site-header-height);padding-block:0;flex-shrink:0;align-items:center}
body>.nav>.nav-inner{box-sizing:border-box;min-height:calc(var(--site-header-height) - 1px);padding-block:0;align-items:center}
@media(max-width:720px){:root{--site-header-height:61px}}
@media(max-width:720px){body>.nav>.nav-inner{gap:10px;padding-inline:12px}body>.nav .nav-cta{gap:6px}body>.nav .nav-cta .btn{white-space:nowrap;font-size:12px;padding:8px}body>.nav .brand{gap:6px;font-size:15px}}
/* My Schemes replaces its initial appbar with the live studio header. */
.studio .topbar{box-sizing:border-box;height:var(--site-header-height);min-height:var(--site-header-height);padding-block:0;flex-shrink:0}
@media(max-width:700px){.studio .topbar{height:auto;min-height:var(--site-header-height);padding-block:6px;row-gap:0}.studio .topbar nav{min-height:28px}}
/* Home branding is the shared page-header standard. */
:root{--site-brand-size:22px;--site-header-inset:32px}
body>.top-nav,body>.appbar,body>.app>.appbar,.studio .topbar{padding-inline:var(--site-header-inset)}
body>.nav>.nav-inner{max-width:none;padding-inline:var(--site-header-inset)}
.top-nav .nav-brand{order:-1;margin-left:0;margin-right:auto}
.top-nav .back-btn{margin-left:auto}
.top-nav .nav-brand,.appbar .appbar-brand,body>.nav .brand,.studio .topbar .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:Inter,-apple-system,sans-serif;font-size:var(--site-brand-size);font-weight:600;letter-spacing:-.025em;line-height:1.5}
.top-nav .nav-brand span,.appbar .appbar-brand span{display:inline;font:inherit;letter-spacing:inherit}
.top-nav .nav-brand img,.appbar .appbar-brand img,body>.nav .brand img,.studio .topbar .brand img{height:28px;width:auto;max-width:none;object-fit:contain;flex-shrink:0}
html[data-theme="light"] .studio .topbar .brand img{filter:invert(1)}
@media(max-width:720px){:root{--site-brand-size:18px;--site-header-inset:16px}.studio .topbar .brand .beta{display:none}}

/* Keep page navigation above scrolling content, including the live dashboard. */
body>.top-nav,body>.appbar,body>.app>.appbar,body>.nav,.studio>.topbar{position:sticky;top:0;z-index:100}
body.studio-enabled{overflow:visible!important}