/*
 * Edited by 綠界大數據團隊 - 2026/09/01
 * Child Theme: vapesmall-child | DJB-SEO-PHASE-2
 * 此檔案採獨立命名空間，避免覆蓋 DJB 母佈景主題既有規則。
 */

.ecd-djb-semantic-anchor {
	display: block;
	height: 0;
	scroll-margin-top: 120px;
}

.djb-seo-cta {
	margin: 24px 0 32px;
	padding: 20px;
	border: 1px solid #bfdbfe;
	border-radius: 14px;
	background: #eff6ff;
}

.djb-seo-cta p {
	margin: 0 0 14px;
}

.djb-seo-cta__links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.djb-seo-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	border-radius: 9px;
	background: #01488c;
	color: #fff !important;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none !important;
}

.djb-seo-cta__button:hover,
.djb-seo-cta__button:focus-visible {
	background: #0066b3;
}

.ecd-djb-japan-decision-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 190px;
	gap: 24px;
	margin: 20px 0 24px;
	padding: 22px;
	border: 1px solid #bfdbfe;
	border-radius: 16px;
	background: linear-gradient(135deg, #eff6ff 0%, #fff 72%);
	box-shadow: 0 8px 24px rgba(1, 72, 140, 0.08);
}

.ecd-djb-japan-decision-eyebrow {
	display: inline-flex;
	margin-bottom: 6px;
	color: #01488c;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.ecd-djb-japan-decision-card h2 {
	margin: 0 0 14px;
	color: #0f172a;
	font-size: 24px;
	line-height: 1.35;
}

.ecd-djb-japan-decision-steps {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: ecd-djb-japan-step;
}

.ecd-djb-japan-decision-steps li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 4px 8px;
	align-items: baseline;
	color: #475569;
	font-size: 14px;
	line-height: 1.55;
	counter-increment: ecd-djb-japan-step;
}

.ecd-djb-japan-decision-steps li::before {
	content: counter(ecd-djb-japan-step);
	display: inline-grid;
	grid-row: 1 / span 2;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #01488c;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.ecd-djb-japan-decision-steps li span {
	grid-column: 2;
}

.ecd-djb-japan-decision-action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
}

.ecd-djb-japan-decision-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px;
	color: #64748b;
	font-size: 13px;
}

.ecd-djb-japan-decision-price strong {
	color: #dc2626;
	font-size: 25px;
	line-height: 1.2;
}

.ecd-djb-japan-plan-cta {
	min-height: 48px;
	padding: 12px 16px;
	border: 0;
	border-radius: 10px;
	background: #01488c;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.ecd-djb-japan-plan-cta:hover,
.ecd-djb-japan-plan-cta:focus-visible {
	background: #0066b3;
}

.ecd-djb-japan-decision-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
}

.ecd-djb-japan-decision-links a {
	color: #01488c;
	font-size: 13px;
	font-weight: 600;
	text-underline-offset: 3px;
}

@media (max-width: 768px) {
	.ecd-djb-article-1gbdatatraffic .post-featured-image,
	.ecd-djb-article-koreataxrefund .post-featured-image {
		display: none;
	}

	.djb-seo-cta__links,
	.djb-seo-cta__button {
		width: 100%;
	}

	.ecd-djb-japan-decision-card {
		grid-template-columns: 1fr;
		gap: 18px;
		margin: 16px 0 20px;
		padding: 18px;
	}

	.ecd-djb-japan-decision-card h2 {
		font-size: 21px;
	}

	.ecd-djb-japan-plan-cta {
		width: 100%;
	}
}