/*
 * A6 区块主题 —— 组件容器契约
 *
 * 宽度口径：2026-10-13 用户最终裁定「按新标准组件最大宽度 1920」。
 * 该裁定取代 A4 实测宽度（顶栏内层 1760px、主航行 1200px），
 * 因此这里不得写 1760 或 1200 作为内容区封顶值。
 *
 * 断点（同一裁定）：
 *   ≥1920px   满屏，水平内边距 0
 *   1024–1919 内边距 32px
 *   768–1023  内边距 24px
 *   <768      内边距 16px
 *
 * 主题头（Theme Header）声明在文件末尾，WordPress 需要它识别主题。
 */

:root {
	--hbot1-container: 1920px;
	--hbot1-gutter: 32px;
}

/*
 * 组件容器。max-width 同时给出上限与 100% 兜底：
 * 只写 1920px 在窄于 1920 的视口会横向溢出，
 * 只写 100% 则失去封顶，因此用 min() 合并。
 */
.hbot1-container {
	max-width: min(1920px, 100%);
	width: 100%;
	margin-inline: auto;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}

/* 768–1023px：平板，内边距收窄到 24px */
@media (min-width: 768px) {
	.hbot1-container {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* 1024–1919px：桌面，32px 内边距 */
@media (min-width: 1024px) {
	.hbot1-container {
		padding-left: 32px;
		padding-right: 32px;
	}
}

/* ≥1920px：满屏，无水平内边距（客户要求） */
@media (min-width: 1920px) {
	.hbot1-container {
		padding-left: 0;
		padding-right: 0;
	}
}