.guideline-section {
	background: #fafafa;
	padding: 4em 0;
}

.guideline-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 5%;
}

.guideline-content {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 3em;
}

.guideline-intro {
	background: linear-gradient(135deg, #e6ffff 0%, #d1fae5 100%);
	padding: 2em;
	border-radius: 12px;
	margin-bottom: 3em;
	border-left: 5px solid var(--color-Mint);
}

.guideline-intro p {
	line-height: 1.8;
	color: #333;
}

.guideline-article {
	margin-bottom: 3em;
}

.guideline-article:last-child {
	margin-bottom: 0;
}

.article-title {
	font-size: 1.4em;
	font-weight: 700;
	color: var(--color-Mint);
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 3px solid var(--color-Mint);
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.article-title .number {
	background: var(--color-Mint);
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9em;
	flex-shrink: 0;
}

.article-content {
	line-height: 1.9;
	color: #444;
}

.article-content p {
	margin-bottom: 1em;
}

.article-content p:last-child {
	margin-bottom: 0;
}

.article-content ul {
	margin: 1em 0;
	padding-left: 1.5em;
}

.article-content ul li {
	margin-bottom: 0.5em;
	position: relative;
	padding-left: 1em;
}

.article-content ul li::before {
	content: "●";
	color: var(--color-Mint);
	position: absolute;
	left: 0;
	font-size: 0.6em;
	top: 0.5em;
}

.article-content ol {
	margin: 1em 0;
	padding-left: 1.5em;
	counter-reset: item;
}

.article-content ol li {
	margin-bottom: 0.5em;
	counter-increment: item;
	position: relative;
	padding-left: 0.5em;
}

.article-content ol li::marker {
	color: var(--color-Mint);
	font-weight: 600;
}

.highlight-box {
	background: #fff7ed;
	border: 2px solid #fed7aa;
	border-radius: 10px;
	padding: 1.5em;
	margin: 1.5em 0;
}

.highlight-box .title {
	font-weight: 700;
	color: #c2410c;
	margin-bottom: 0.5em;
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.highlight-box .title::before {
	content: "!";
	background: #c2410c;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8em;
	font-weight: 700;
}

.contact-info {
	background: #f0f9ff;
	border: 2px solid #bae6fd;
	border-radius: 10px;
	padding: 1.5em;
	margin-top: 2em;
}

.contact-info .title {
	font-weight: 700;
	color: #0369a1;
	margin-bottom: 0.8em;
}

.contact-info p {
	margin-bottom: 0.3em;
}

.last-updated {
	text-align: right;
	color: #666;
	font-size: 0.9em;
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {
	.guideline-section {
		padding: 2em 0;
	}

	.guideline-content {
		padding: 2em 1.5em;
	}

	.guideline-intro {
		padding: 1.5em;
	}

	.article-title {
		font-size: 1.2em;
	}

	.article-title .number {
		width: 28px;
		height: 28px;
		font-size: 0.85em;
	}
}