/*
 * Bot 壳窄栏：仅在 html.bgssai-shell 生效（URL 带 bgssai_shell=1 或 chat_pane=1 时由 bot-shell.js 打开）。
 * 独立打开的桌面官网不受影响。选择器对应 /site/site.css 里的全站外壳。
 */

html.bgssai-shell,
html.bgssai-shell body {
  max-width: 100%;
  overflow-x: hidden;
}

html.bgssai-shell body {
  font-size: 15px;
}

html.bgssai-shell :root,
html.bgssai-shell {
  --gutter: 16px;
  --header-h: 60px;
}

html.bgssai-shell .site-nav,
html.bgssai-shell .site-actions {
  display: none !important;
}

html.bgssai-shell .site-mobile {
  display: block !important;
}

html.bgssai-shell .site-header-inner {
  min-height: 60px;
}

html.bgssai-shell .container {
  width: calc(100% - 32px);
}

html.bgssai-shell .hero-grid,
html.bgssai-shell .bot-band,
html.bgssai-shell .two-col,
html.bgssai-shell .cta-band-grid,
html.bgssai-shell .product-hero-grid,
html.bgssai-shell .article-layout,
html.bgssai-shell .section-head,
html.bgssai-shell .catalog-group-head,
html.bgssai-shell .domain-section-head,
html.bgssai-shell .grid-2,
html.bgssai-shell .grid-3,
html.bgssai-shell .grid-4,
html.bgssai-shell .stats,
html.bgssai-shell .benefit-grid,
html.bgssai-shell .steps,
html.bgssai-shell .steps-4,
html.bgssai-shell .related-grid,
html.bgssai-shell .audience-list,
html.bgssai-shell .compare,
html.bgssai-shell .legal-cards,
html.bgssai-shell .form-row,
html.bgssai-shell .calendar-list,
html.bgssai-shell .service-strip,
html.bgssai-shell .platform-grid,
html.bgssai-shell .site-footer-top {
  grid-template-columns: 1fr !important;
}

html.bgssai-shell .site-footer-cols {
  grid-template-columns: 1fr 1fr !important;
}

html.bgssai-shell .section {
  padding-block: 44px;
}

html.bgssai-shell .hero {
  padding: 40px 0 36px;
}

html.bgssai-shell .hero h1 {
  font-size: 1.9rem;
}

html.bgssai-shell .hero-actions .btn,
html.bgssai-shell .page-hero-actions .btn {
  width: 100%;
}

html.bgssai-shell .article-aside {
  position: static;
}

html.bgssai-shell .bot-window-body {
  grid-template-columns: 1fr;
}

html.bgssai-shell .bot-side {
  display: none;
}

html.bgssai-shell .bgss-legal-notice {
  left: 8px;
  right: 8px;
  bottom: 8px;
  flex-direction: column;
  align-items: stretch;
}