/* Shared chrome is intentionally independent of product, builder and portal styles. */
:root{--site-header-height:69px}
#site-header{position:sticky;top:0;z-index:60}
.site-header{position:relative;top:auto;z-index:auto;margin:0;background:rgba(10,11,14,.96);border-bottom:1px solid var(--line,#23262f);backdrop-filter:blur(14px);color:var(--text,#f4f5f7);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.5;text-transform:none;letter-spacing:normal}
.site-header .topbar-inner{display:flex;align-items:center;flex-wrap:nowrap;gap:28px;max-width:1440px;min-height:68px;margin:0 auto;padding:15px 30px}
.site-header .brand{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;margin:0;padding:0;text-decoration:none;color:var(--text);border:0;white-space:nowrap}
.site-header .brand-mark{display:block;width:32px;height:32px;object-fit:contain}
.site-header .name{font-family:inherit;font-size:14px;line-height:1;font-weight:800;letter-spacing:-.025em;color:var(--text)}
.site-header .mk{color:var(--lime,#d7ff3a)}
.site-header .flow-nav{display:flex;align-items:center;gap:20px;margin:0 0 0 auto;padding:0;min-width:0;font-size:12px;font-weight:400;line-height:1.5}
.site-header .flow-nav a{display:inline-block;color:var(--text-dim,#8a8f9c);text-decoration:none;white-space:nowrap;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:12px;line-height:1.5;letter-spacing:normal}
.site-header .flow-nav a:hover,.site-header .flow-nav a[aria-current]{color:var(--lime)}
.site-header .flow-nav .nav-bot{padding:8px 12px;border:1px solid #7a8c31;color:var(--lime);background:#d7ff3a08}
.site-header .flow-nav .nav-plans{padding:8px 12px;border:1px solid var(--line-2,#2e323d);color:var(--text)}
.site-header .flow-nav .nav-plans[aria-current]{border-color:var(--lime);color:var(--lime)}
.site-header .mobile-bot-link,.site-header .flow-menu-toggle{display:none}
.site-header :focus-visible,.site-footer :focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;margin:30px auto 0;padding:25px 30px 40px;border-top:1px solid var(--line);color:var(--text-dim);font:11px/1.7 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}
.site-footer a{color:var(--text-dim);font-family:inherit;font-size:11px;text-decoration:none;white-space:nowrap}
.site-footer a:hover{color:var(--lime)}
.site-footer .site-footer-brand{font-weight:700;letter-spacing:.02em}
.site-footer-brand span{font-weight:400;color:var(--text-mute)}
.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}
.site-page-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:1400px;margin:0 auto;padding:20px 32px;border-bottom:1px solid var(--line);color:var(--text-dim);font-size:12px}
.site-page-tools .page-local-nav,.site-page-tools .page-tools-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.site-page-tools a{color:var(--text-dim);text-decoration:none;font-size:12px}
.site-page-tools a:hover{color:var(--lime)}
.site-page-tools strong{font-size:11px;font-weight:500;color:var(--lime);letter-spacing:.04em}
.site-page-tools .page-language{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim)}
.site-page-tools .page-language select{width:auto;min-width:100px;padding:7px 10px;border:1px solid var(--line-2);border-radius:0;background:var(--bg-2);color:var(--text);font-size:11px;line-height:1.5}
.site-page-tools .announce-btn{margin:0;font-size:11px;padding:8px 10px}
.embedded-tool #site-header,.embedded-tool #site-footer{display:none}
.builder-page.flow-page .builder-steps{top:var(--site-header-height)}
.builder-sidebar{top:calc(var(--site-header-height) + 19px)}
.docs-sidebar{top:calc(var(--site-header-height) + 24px)}
@media(max-width:1250px) and (min-width:1101px){.site-header .topbar-inner{padding-left:22px;padding-right:22px;gap:20px}.site-header .flow-nav{gap:13px}}
@media(max-width:1100px){
  :root{--site-header-height:64px}
  .site-header .topbar-inner{min-height:63px;padding:13px 18px;gap:10px;flex-wrap:wrap}
  .site-header .mobile-bot-link{display:inline-flex;align-items:center;margin-left:auto;padding:8px 10px;border:1px solid #7a8c31;background:#d7ff3a08;color:var(--lime);font-size:11px;line-height:1.5;text-decoration:none;white-space:nowrap}
  .site-header .flow-menu-toggle{display:block;flex-shrink:0;margin:0;padding:8px 11px;border:1px solid var(--line-2);border-radius:0;background:none;color:var(--text);font-family:inherit;font-size:11px;line-height:1.5;font-weight:400;cursor:pointer}
  .site-header .flow-nav{display:none;width:100%;margin:0;padding:18px 0 5px;border-top:1px solid var(--line);gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
  .site-header:has([data-menu-toggle][aria-expanded=true]) .flow-nav{display:grid}
  .site-header .flow-nav .nav-bot{justify-self:start}
  .site-header .flow-nav .nav-plans{padding:0;border:0}
}
@media(max-width:600px){
  .site-footer{padding:22px 18px;gap:18px;align-items:flex-start;flex-direction:column}
  .site-footer nav{gap:18px}
  .site-page-tools{padding:16px 18px;gap:14px}
  .site-page-tools .page-local-nav,.site-page-tools .page-tools-actions{gap:13px}
  .site-page-tools .page-tools-actions{width:100%;justify-content:space-between}
  .plan-bar{top:var(--site-header-height)}
  .builder-page.flow-page .builder-steps{top:0}
}
@media(max-width:360px){
  .site-header .topbar-inner{padding-left:14px;padding-right:14px;gap:8px}
  .site-header .brand{gap:7px}.site-header .brand-mark{width:27px;height:27px}.site-header .name{font-size:12px}
  .site-header .mobile-bot-link{padding:8px;font-size:10px}.site-header .flow-menu-toggle{padding:8px;font-size:11px}
}

/* Bot-specific links live inside one disclosure, with a separate direct download link. */
.site-header .nav-bot-group{position:relative;flex-shrink:0}
.site-header .nav-bot-trigger{display:flex;align-items:stretch;border:1px solid #7a8c31;background:#d7ff3a08}
.site-header .nav-bot-trigger .nav-bot{border:0;background:none;padding:8px 11px}
.site-header .nav-bot-group.is-current .nav-bot-trigger{border-color:var(--lime)}
.site-header .bot-menu-toggle{display:flex;align-items:center;justify-content:center;min-width:31px;padding:7px;border:0;border-left:1px solid #7a8c31;background:none;color:var(--lime);font:14px/1.3 system-ui;cursor:pointer}
.site-header .bot-menu-toggle:hover,.site-header .bot-menu-toggle[aria-expanded=true]{background:#d7ff3a12}
.site-header .bot-menu-toggle span{display:block;transition:transform .15s}
.site-header .bot-menu-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.site-header .bot-subnav{position:absolute;top:calc(100% + 8px);left:0;min-width:170px;padding:7px;border:1px solid var(--line-2);background:var(--panel);box-shadow:0 12px 28px #0006;z-index:2}
.site-header .bot-subnav[hidden]{display:none!important}
.site-header .bot-subnav a{display:block;padding:11px 13px;font-size:12px}
.site-header .bot-subnav a:hover,.site-header .bot-subnav a[aria-current]{background:var(--bg-2);color:var(--lime)}
@media(max-width:1100px){.site-header .nav-bot-group{grid-column:1/-1}.site-header .nav-bot-trigger{display:inline-flex}.site-header .bot-subnav{position:static;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;box-shadow:none}.site-header .bot-subnav a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.site-header .bot-menu-toggle span{transition:none}}