/* ============================================================
   SEO 文章頁共用樣式（地區頁與 APP 類別內頁）
   Hero 沿用全站 news-hero 元件，此檔定義文章式內容頁的共用區塊
   ============================================================ */

/* Hero 主標（文章頁 H1 較長，縮小 64px 級距避免換行破版） */
.seo-hero .seo-hero-h1 {
	font-size: 40px;
	line-height: 1.4;
}
@media (max-width: 768px) {
	.seo-hero .seo-hero-h1 {
		font-size: 25px;
	}
}

/* Hero 主打標語（麵包屑下方；視覺沿用 service_detail 的 sw-hero-headline，範圍限定本頁型避免載入整包樣式） */
.seo-hero .sw-hero-headline {
	margin: clamp(20px, 3vw, 40px) 0 0;
	font-family: var(--f-body);
	font-weight: 400;
	font-size: clamp(20px, 2vw, 26px);
	letter-spacing: 1px;
	color: var(--c-grey-dark);
}
@media (max-width: 991.98px) {
	.seo-hero .sw-hero-headline {
		margin-top: 24px;
	}
	.seo-hero .sw-title-sep {
		margin: 0 8px;
	}
}

/* 標語前段據點關鍵字（深色粗體） */
.seo-hero .sw-hero-headline-key {
	font-weight: 700;
	color: var(--c-text-2);
}

/* 標語下方描述與其間距（.news-hero-desc 主樣式由共用 hero-inner.css 提供） */
.seo-hero .news-hero-desc {
	margin-top: 20px;
}
@media (max-width: 768px) {
	/* 手機：縮小描述與標語的間距 */
	.seo-hero .news-hero-desc {
		margin-top: 14px;
	}
}

/* 內容區（淺色底，底部保留聯絡表單羽化空間） */
.seo-content {
	position: relative;
	padding: 70px 0 140px;
	background: var(--c-bg-page);
}
@media (max-width: 768px) {
	.seo-content {
		padding: 40px 0 100px;
	}
}

/* 文章欄位（單欄置中，易讀行寬） */
.seo-article {
	max-width: 860px;
	margin: 0 auto;
	font-family: var(--f-body);
	font-size: var(--fs-base);
	line-height: 1.9;
	color: var(--c-text);
}
@media (max-width: 768px) {
	.seo-article {
		font-size: var(--fs-sm);
	}
}

/* 最後更新日期（小字灰色） */
.seo-article .seo-updated {
	font-size: var(--fs-xs);
	color: var(--c-placeholder);
	margin-bottom: 28px;
}

/* 內文段落間距 */
.seo-article p {
	margin-bottom: 18px;
}

/* 區塊標題（H2：橘色左框線） */
.seo-article h2 {
	font-size: var(--fs-lg);
	font-weight: 700;
	color: var(--c-text-2);
	border-left: 5px solid var(--c-brand);
	padding-left: 14px;
	margin: 48px 0 20px;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.seo-article h2 {
		font-size: var(--fs-md);
		margin: 36px 0 16px;
	}
}

/* 小節標題（H3） */
.seo-article h3 {
	font-size: var(--fs-md);
	font-weight: 700;
	color: var(--c-brand);
	margin: 30px 0 12px;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.seo-article h3 {
		font-size: var(--fs-base);
	}
}

/* 內文連結（品牌橘＋底線） */
.seo-article a {
	color: var(--c-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.seo-article a:hover {
	color: var(--c-brand-hover);
}

/* 據點資訊卡（白底圓角卡片） */
.seo-article .seo-office-card {
	background: var(--c-bg-white);
	border-radius: var(--r-lg);
	box-shadow: var(--sh-card);
	padding: 28px 34px;
	margin: 28px 0 40px;
}
@media (max-width: 768px) {
	.seo-article .seo-office-card {
		padding: 20px 22px;
		margin: 22px 0 32px;
	}
}

/* 據點資訊卡內的標題（不套左框線樣式） */
.seo-article .seo-office-card h2 {
	border-left: none;
	padding-left: 0;
	margin: 0 0 14px;
}

/* 據點資訊卡清單 */
.seo-article .seo-office-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.seo-article .seo-office-card li {
	padding: 6px 0;
	border-bottom: 1px solid var(--c-grey-light);
}
.seo-article .seo-office-card li:last-child {
	border-bottom: none;
}

/* 據點資訊卡（頁尾聯絡變體）段落間距縮小 */
.seo-article .seo-office-card--contact p {
	margin-bottom: 6px;
}
.seo-article .seo-office-card--contact p:last-child {
	margin-bottom: 0;
}

/* 常見問題單題區塊 */
.seo-article .seo-faq-item {
	margin-bottom: 22px;
}

/* 常見問題：問題（粗體深色） */
.seo-article .seo-faq-q {
	font-weight: 700;
	color: var(--c-text-2);
	margin-bottom: 6px;
}

/* 常見問題：答案（縮排區隔） */
.seo-article .seo-faq-a {
	margin-bottom: 0;
	padding-left: 26px;
	color: var(--c-text-muted);
}
@media (max-width: 768px) {
	.seo-article .seo-faq-a {
		padding-left: 18px;
	}
}

/* 功能模組表格外框（窄螢幕水平捲動，避免撐破版面） */
.seo-article .seo-table-wrap {
	overflow-x: auto;
	margin: 20px 0 28px;
}

/* 功能模組表格 */
.seo-article table {
	width: 100%;
	min-width: 480px;
	border-collapse: collapse;
	background: var(--c-bg-white);
	border-radius: var(--r-sm);
	overflow: hidden;
}
.seo-article th {
	background: var(--c-brand);
	color: var(--c-text-white);
	font-weight: 700;
	text-align: left;
	padding: 10px 16px;
}
.seo-article td {
	padding: 10px 16px;
	border-bottom: 1px solid var(--c-grey-light);
	vertical-align: top;
}
.seo-article tr:last-child td {
	border-bottom: none;
}
@media (max-width: 768px) {
	.seo-article th,
	.seo-article td {
		padding: 8px 12px;
	}
}

/* 一般條列清單（適合的對象等） */
.seo-article ul {
	margin: 0 0 18px;
	padding-left: 26px;
}
.seo-article ul li {
	margin-bottom: 6px;
}

/* 資訊清單（費用與時程參考） */
.seo-article .seo-info-list {
	list-style: none;
	padding: 20px 26px;
	background: var(--c-bg-white);
	border-radius: var(--r-md);
	box-shadow: var(--sh-card);
}
.seo-article .seo-info-list li {
	padding: 6px 0;
	margin-bottom: 0;
	border-bottom: 1px solid var(--c-grey-light);
}
.seo-article .seo-info-list li:last-child {
	border-bottom: none;
}
@media (max-width: 768px) {
	.seo-article .seo-info-list {
		padding: 14px 18px;
	}
}

/* 有序清單（FAQ 內的評估要點等） */
.seo-article ol {
	margin: 0 0 18px;
	padding-left: 26px;
}
.seo-article ol li {
	margin-bottom: 6px;
}