/*
关于页（page 1578）专属CSS：只在is_page(1578)加载（见functions.php的条件enqueue）。
页头、H2竖条、浅色卡片这些跟联系页共用的样式在components/info-page.css，这里只管关于页自己的部分。
配色/字号token统一记在docs/视觉样式规范_配色字号交互.md。
*/

/* 开头简介：浅蓝底高亮块（跟header背景同色）。 */
.page-id-1578 .entry-content .obago-about-intro {
	margin: 28px 0 0;
	padding: 20px 24px;
	background: #EDF5FA;
	border-radius: 12px;
	font-size: 16px;
}

/* 两条原则：两张卡片宽度够就并排，标题前用CSS计数器画蓝色圆形编号。 */
.page-id-1578 .entry-content .obago-about-principles {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	counter-reset: obago-principle;
}
.page-id-1578 .entry-content .obago-about-principles h3 {
	display: flex;
	align-items: center;
	gap: 10px;
}
.page-id-1578 .entry-content .obago-about-principles h3::before {
	counter-increment: obago-principle;
	content: counter(obago-principle);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #3E8FC4;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 700;
}

/* 底部两个按钮：胶囊形。主按钮颜色/hover沿用Astra全局按钮设置；描边按钮hover反色。
   Astra全局按钮规则带letter-spacing:2px/大写/5px圆角，描边按钮规则
   .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button是5个class，
   这里选择器带上.wp-block-button(.is-style-outline)把权重提到6个class才压得住；
   .entry-content a的蓝字下划线规则也会落到按钮链接上，一并去掉下划线、重设颜色。 */
.page-id-1578 .entry-content .obago-about-cta {
	gap: 12px;
	margin-top: 8px;
}
.page-id-1578 .entry-content .obago-about-cta .wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}
.page-id-1578 .entry-content .obago-about-cta .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: #3E8FC4;
	color: #3E8FC4;
}
.page-id-1578 .entry-content .obago-about-cta .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: #3E8FC4;
	border-color: #3E8FC4;
	color: #FFFFFF;
}

@media (max-width: 544px) {
	.page-id-1578 .entry-content .obago-about-intro {
		margin-top: 22px;
		padding: 16px 18px;
		font-size: 15px;
	}
	.page-id-1578 .entry-content .obago-about-cta .wp-block-button {
		width: 100%;
	}
	.page-id-1578 .entry-content .obago-about-cta .wp-block-button .wp-block-button__link {
		justify-content: center;
		width: 100%;
	}
}