/* Shared navigation stays visible across public and account pages. */
.home-header,header.topbar,.site-header,.trial-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 3px 16px rgba(7,62,52,.045)}
html{scroll-padding-top:140px}.skip:focus{z-index:1100}
@media(min-width:981px){.fields-palette,.field-properties,.sign-layout .sign-sidebar{top:120px}}
@media(max-width:700px){html{scroll-padding-top:190px}}
@media(prefers-reduced-transparency:reduce){.home-header,.topbar,.site-header,.trial-header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Menus must not be clipped by a horizontally scrolling navigation container. */
header.topbar .wrap{display:flex;align-items:center;position:relative;min-width:0}
header.topbar .brand,header.topbar .topbar-right{flex-shrink:0}
header.topbar nav.mainnav{overflow:visible;min-width:0;flex-shrink:1}
header.topbar .mainnav details{display:block;position:relative}
header.topbar .mainnav details>summary{height:60px}
header.topbar .mainnav .menu{position:absolute;top:100%;left:0;right:auto;margin:0;width:250px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 170px);overflow-y:auto;background:#fff;z-index:1010}
.home-header>.home-shell{min-width:0}.home-header .wordmark,.home-nav-actions{flex-shrink:0}.home-header nav{min-width:0}.home-header nav>a,.product-nav summary{white-space:nowrap}
@media(max-width:1180px){
 header.topbar .wrap{height:auto;min-height:60px;flex-wrap:wrap;gap:0 16px}
 header.topbar .brand{order:1}header.topbar .topbar-right{order:2;margin-left:auto}
 header.topbar nav.mainnav{order:3;flex:1 0 100%;height:auto;min-height:44px;flex-wrap:wrap}
 header.topbar .mainnav details>summary{height:44px}
 header.topbar .mainnav>a,header.topbar .mainnav>details>summary{padding:0 12px;min-height:44px}
 header.topbar .mainnav details{position:relative}
 header.topbar .mainnav .menu{top:100%;left:0;max-height:calc(100dvh - 190px)}
 .home-header>.home-shell{flex-wrap:wrap;gap:12px 20px;padding-top:14px;padding-bottom:12px}
 .home-header .wordmark{order:1}.home-nav-actions{order:2;margin-left:auto}
 .home-header nav{order:3;flex:1 0 100%;justify-content:flex-start;gap:28px;padding-top:12px;border-top:1px solid #e4eae3}
}
@media(max-width:600px){
 header.topbar .topbar-right{gap:8px;flex-wrap:wrap;justify-content:flex-end}
 header.topbar .topbar-right .logout-link{font-size:11px}
 header.topbar nav.mainnav{gap:0;justify-content:space-between}
 header.topbar .mainnav>a,header.topbar .mainnav>details>summary{font-size:12px;padding:0 6px}
 header.topbar .mainnav .menu{left:12px;right:12px;width:auto;max-width:none}
 .home-header>.home-shell{width:calc(100% - 32px);gap:10px}
 .home-header .wordmark{font-size:20px}.home-nav-actions{gap:7px}
 .home-header .home-contact{display:none}.home-header .home-button.small{padding:10px;font-size:10px;gap:6px}
 .home-header nav{gap:14px;justify-content:space-between;font-size:10px}
 .home-header .product-nav summary{font-size:10px}
 .home-header .product-menu{width:calc(100vw - 32px);max-height:calc(100dvh - 170px);overflow:auto}
}

header.topbar .language-switch{flex:0 0 auto;order:2;padding:0;gap:2px;margin-left:auto}
header.topbar .topbar-right{margin-left:auto}header.topbar .topbar-right+.language-switch{margin-left:0}
@media(min-width:1181px){header.topbar .wrap{gap:16px}.mainnav>a,.mainnav>details>summary{padding-left:10px;padding-right:10px}}
@media(max-width:600px){header.topbar .wrap{gap:0 8px}header.topbar .language-switch{font-size:10px}header.topbar .language-switch a{padding:3px 5px}header.topbar .mainnav details{position:static}header.topbar .mainnav .menu{left:12px;right:12px}}
@media(min-width:360px) and (max-width:600px){header.topbar nav.mainnav{flex-wrap:nowrap;gap:0}header.topbar .mainnav>a,header.topbar .mainnav>details>summary{font-size:11px;padding:0 4px;gap:4px}header.topbar .mainnav .df-icon{width:14px;height:14px}.mainnav .navtag{font-size:9px;margin-left:2px}}