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

/* 三种联系方式：三张卡片，宽度够就三栏并排，窄了自动换行。 */
.page-id-1582 .entry-content .obago-contact-methods {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/* 卡片里的邮箱链接：不加下划线、加粗，跟卡片说明文字区分开；说明文字长短不一，
   卡片改成纵向flex、邮箱margin-top:auto贴底，三张卡片的邮箱对齐在同一条线上。 */
.page-id-1582 .entry-content .obago-contact-methods .obago-page-card {
	display: flex;
	flex-direction: column;
}
.page-id-1582 .entry-content .obago-contact-email {
	margin-top: auto;
}
.page-id-1582 .entry-content .obago-contact-email a {
	font-weight: 700;
	text-decoration: none;
}
.page-id-1582 .entry-content .obago-contact-email a:hover {
	text-decoration: underline;
}

/* 主体信息：三项排成一行，用细竖线隔开，次要文字灰。 */
.page-id-1582 .entry-content .obago-contact-info {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 0;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #6B6862;
}
.page-id-1582 .entry-content .obago-contact-info li + li::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 0.9em;
	margin: 0 14px;
	vertical-align: -1px;
	background: #E4DFD6;
}

/* 手机宽度三项排不下一行，折行后第二行开头会挂一条竖线，改成每项一行、去掉竖线。 */
@media (max-width: 544px) {
	.page-id-1582 .entry-content .obago-contact-info {
		flex-direction: column;
	}
	.page-id-1582 .entry-content .obago-contact-info li + li::before {
		display: none;
	}
}