/* ============================================================
   layout_T2.css — 转化型变体 T2「分栏 Hero 型」专属布局层
   ------------------------------------------------------------
   配套渲染函数：layout_engine.render_T2_split_hero()
   输出结构：<div class="t2-layout">{hero}{body}</div>
   说明：T2 的左右分栏视觉由 Hero 区内部（hero_split）实现，
        本层只负责整页容器约束 + 下方 body 通栏排版。
   颜色/字体/圆角等全部继承 seo_global.css 的 CSS 变量，零硬编码。
   ============================================================ */

.t2-layout {
  width: 100%;
}

/* 下方通栏内容区限宽居中，与公共 .container 对齐 */
.t2-layout > .section,
.t2-layout > .hub-grid-v2,
.t2-layout > .faq-v2 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* T2 Hero 区左右分栏栅格（当 hero 由 hero_split 输出 .hero-split 时生效） */
.t2-layout .hero-split .container {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 40px;
  align-items: center;
}

.t2-layout .hero-split .hero-left {
  min-width: 0;
}

/* 右栏实体卡：半透明卡片，继承公共圆角 */
.t2-layout .hero-split .hero-right .entity-card {
  background: var(--blue-50);
  border-radius: 14px;
  padding: 22px;
}

/* 响应式：移动端塌为单列 */
@media (max-width: 768px) {
  .t2-layout .hero-split .container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}