/* One geometry contract for the public site and the Classic application header.
   Loaded last from a content-addressed asset by patch-site-layout.mjs. */
:root{--tikbit-header-max:1400px;--tikbit-header-height:66px;--tikbit-page-banner-height:460px}
/* Match the left menu's 14px padding + 6px gap on the right menu too. */
.business-header .business-actions{gap:6px!important}
.business-header .business-actions>a.console-link,
.business-header .business-actions>a.model-link{width:auto!important;flex:0 0 auto;padding:8px 14px!important;height:38px;line-height:22px!important}
.business-header .business-actions>a.console-link{gap:6px}
.business-header .business-actions>a.console-link svg{width:16px;height:16px;margin:0}
/* Classic keeps its notification, language, theme and account controls. */
header:has(>.w-full>div>.tikbit-classic-navigation){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;color:#475569;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #e3e5e9}
.dark header:has(>.w-full>div>.tikbit-classic-navigation){color:#d5d8e1;background:#17181c!important;border-color:#393b44}
header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full{width:100%;max-width:var(--tikbit-header-max);margin:0 auto;padding:0 40px;box-sizing:border-box}
header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div{height:var(--tikbit-header-height);gap:0}
header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div>div:first-child{flex:0 0 76px;margin-right:20px}
header:has(>.w-full>div>.tikbit-classic-navigation) a.group{width:76px;gap:0}
header:has(>.w-full>div>.tikbit-classic-navigation) a.group>.relative{width:76px;height:28px;flex-shrink:0}
header:has(>.w-full>div>.tikbit-classic-navigation) a.group img{width:76px;height:28px;object-fit:contain;transform:none}
.tikbit-classic-navigation{margin:0 6px 0 0!important;overflow:visible!important;gap:0!important}
.tikbit-classic-nav-public,.tikbit-classic-nav-account{gap:6px!important}
.tikbit-classic-nav-account{padding-left:20px}
.tikbit-classic-navigation a{font-family:inherit;font-size:14px!important;font-weight:600;line-height:22px!important;height:38px;box-sizing:border-box;padding:8px 14px!important;border-radius:8px;letter-spacing:0;gap:6px!important;color:inherit}
.tikbit-classic-navigation a.tikbit-console-link{font-weight:800}
.tikbit-classic-navigation a svg{width:16px;height:16px;flex-shrink:0}
.tikbit-classic-navigation+div{width:214px;flex:0 0 214px;gap:6px!important;justify-content:flex-end}
.tikbit-classic-navigation+div>div{min-width:0}
.tikbit-classic-navigation+div>.relative .semi-typography{display:inline-block;max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
/* Keep body/sidebar offset consistent with the 67px header including border. */
body:has(.tikbit-classic-navigation) .semi-layout-header+.semi-layout{padding-top:3px}
body:has(.tikbit-classic-navigation) .app-sider{top:67px!important;height:calc(100dvh - 67px)}
/* Desktop banners share the same height. Stacked downloads may grow on mobile. */
#download.hero-shell{min-height:var(--tikbit-page-banner-height)}
#download.hero-shell .hero{min-height:var(--tikbit-page-banner-height)}
.page-banner{height:var(--tikbit-page-banner-height)}
@media(max-width:1160px) and (min-width:1101px){
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full{padding:0 24px}
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div>div:first-child{margin-right:14px}
 .tikbit-classic-nav-public{gap:0!important}
 .tikbit-classic-nav-public a{padding:8px 9px!important}
}
@media(max-width:1100px){
 /* Keep Classic's scrollable navigation and all account actions accessible. */
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full{padding:0 20px}
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div{flex-wrap:wrap;height:auto;min-height:66px;padding:12px 0;row-gap:10px}
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div>div:first-child{margin-right:0}
 .tikbit-classic-navigation{order:3;flex:1 0 100%;width:100%;overflow-x:auto!important;margin:0!important;padding-bottom:2px}
 .tikbit-classic-nav-account{margin-left:0;padding-left:6px}
 .tikbit-classic-navigation a{padding:8px 10px!important}
 .tikbit-classic-navigation+div{margin-left:auto;width:auto;flex:0 1 auto}
 /* Classic's fixed outer header must reserve the second navigation row. */
 body:has(.tikbit-classic-navigation) .semi-layout-header+.semi-layout{padding-top:43px}
 body:has(.tikbit-classic-navigation) .app-sider{top:107px!important;height:calc(100dvh - 107px)}
}
@media(max-width:600px){:root{--tikbit-page-banner-height:420px}}

/* Shared guide navigation for static pages, business React and Classic. */
.guide-menu{position:relative;margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:22px;color:inherit}
.guide-menu>summary{font-family:inherit;font-size:14px!important;font-weight:600!important;display:flex;align-items:center;gap:6px;padding:8px 12px;min-height:38px;border-radius:8px;cursor:pointer;list-style:none;white-space:nowrap}
.guide-menu>summary::-webkit-details-marker{display:none}
.guide-menu>summary:hover,.guide-menu[open]>summary{background:#8881;color:#de283b}
.guide-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;width:max-content;min-width:0;max-width:calc(100vw - 32px);padding:8px;border:1px solid #e3e5e9;border-radius:12px;background:#fff;box-shadow:0 12px 36px #0f172a1a;color:#475569}
.guide-menu .guide-menu-panel a{display:block!important;width:auto!important;height:auto!important;padding:11px 12px!important;font-size:14px!important;font-weight:400!important;line-height:22px!important;white-space:nowrap;color:inherit;text-decoration:none;border-radius:7px}
.guide-menu .guide-menu-panel a:hover{background:#de283b0c;color:#de283b}
.guide-menu summary:focus-visible,.guide-menu a:focus-visible{outline:2px solid #de283b;outline-offset:3px}
[data-theme=dark] .guide-menu-panel,.dark .guide-menu-panel{background:#202126;color:#e2e8f0;border-color:#393b44}
.guide-menu-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
@media(max-width:1200px){.business-header .business-nav{display:none!important}.business-header .mobile-toggle{display:flex;align-items:center;justify-content:center}.business-header .static-mobile{display:block}.business-header .static-mobile summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;cursor:pointer;font-size:24px}.business-header .static-mobile .business-mobile{position:absolute!important;top:66px;left:0;right:0}}
@media(max-width:1100px){.business-actions>.guide-menu{display:none}.tikbit-classic-navigation .guide-menu-panel{position:fixed;top:106px;right:16px;max-width:calc(100vw - 32px)}}

/* Versioned, alpha-trimmed originals: preserve the existing 76 x 28 header box. */
header:has(.tikbit-classic-navigation) a.group img{content:url('/tikbit/brand/tikbit-light.f3297ba3b2a4.png')}
.dark header:has(.tikbit-classic-navigation) a.group img{content:url('/tikbit/brand/tikbit-dark.aeb8d296a5e7.png')}