.ys-bien-privacy {
	--ys-privacy-navy: #183f84;
	--ys-privacy-ink: #1e293b;
	--ys-privacy-muted: #657187;
	--ys-privacy-line: #dde4ee;
	background: #f7f9fc;
	color: var(--ys-privacy-ink);
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ys-bien-privacy__inner {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}

.ys-bien-privacy__hero {
	padding: clamp(150px, 16vw, 230px) 0 clamp(74px, 8vw, 120px);
	background:
		radial-gradient(circle at 84% 18%, rgb(76 125 213 / 25%), transparent 34%),
		linear-gradient(135deg, #102d62, #1c4f9b 70%, #2e65ae);
	color: #fff;
}

.ys-bien-privacy__hero p:first-child {
	margin: 0 0 18px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.18em;
	opacity: 0.76;
}

.ys-bien-privacy__hero h1 {
	margin: 0;
	font-size: clamp(38px, 5vw, 70px);
	font-weight: 700;
	letter-spacing: -0.055em;
}

.ys-bien-privacy__lead {
	max-width: 850px;
	margin: 30px 0 0;
	font-size: clamp(15px, 1.35vw, 18px);
	line-height: 1.9;
	opacity: 0.88;
}

.ys-bien-privacy__sections {
	padding-block: clamp(64px, 8vw, 120px);
}

.ys-bien-privacy__section {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	gap: 30px;
	padding: clamp(34px, 4vw, 56px) 0;
	border-bottom: 1px solid var(--ys-privacy-line);
}

.ys-bien-privacy__section:first-child {
	border-top: 1px solid var(--ys-privacy-line);
}

.ys-bien-privacy__number {
	padding-top: 4px;
	color: var(--ys-privacy-navy);
	font: 700 15px/1.3 Manrope, sans-serif;
	letter-spacing: 0.08em;
}

.ys-bien-privacy__section h2 {
	margin: 0 0 22px;
	font-size: clamp(21px, 2.2vw, 30px);
	line-height: 1.35;
	letter-spacing: -0.035em;
}

.ys-bien-privacy__section p,
.ys-bien-privacy__section li,
.ys-bien-privacy__section dt,
.ys-bien-privacy__section dd {
	font-size: 15px;
	line-height: 1.85;
}

.ys-bien-privacy__section p {
	margin: 0 0 16px;
	color: var(--ys-privacy-muted);
}

.ys-bien-privacy__section p:last-child {
	margin-bottom: 0;
}

.ys-bien-privacy__section dl {
	display: grid;
	grid-template-columns: minmax(150px, 0.28fr) minmax(0, 1fr);
	margin: 24px 0 0;
	border-top: 1px solid var(--ys-privacy-line);
}

.ys-bien-privacy__section dt,
.ys-bien-privacy__section dd {
	margin: 0;
	padding: 15px 18px;
	border-bottom: 1px solid var(--ys-privacy-line);
}

.ys-bien-privacy__section dt {
	background: #eef3f9;
	font-weight: 700;
}

.ys-bien-privacy__section dd {
	background: #fff;
	color: var(--ys-privacy-muted);
}

.ys-bien-privacy__section ul {
	margin: 0;
	padding-left: 20px;
	color: var(--ys-privacy-muted);
}

.ys-privacy-periods,
.ys-privacy-agencies {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 0 !important;
	list-style: none;
}

.ys-privacy-periods li,
.ys-privacy-agencies li {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 18px;
	border: 1px solid var(--ys-privacy-line);
	border-radius: 12px;
	background: #fff;
}

.ys-privacy-agencies {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ys-privacy-agencies a {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	color: inherit;
	text-decoration: none;
}

.ys-bien-privacy__section a,
.ys-bien-privacy__section strong {
	color: var(--ys-privacy-navy);
}

.ys-privacy-date {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-top: 22px !important;
	padding: 20px;
	border-radius: 12px;
	background: #eaf0f8;
}

@media (max-width: 760px) {
	.ys-bien-privacy__inner {
		width: min(100% - 32px, 1180px);
	}

	.ys-bien-privacy__hero {
		padding-top: 125px;
	}

	.ys-bien-privacy__section {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.ys-bien-privacy__section dl,
	.ys-privacy-periods,
	.ys-privacy-agencies {
		grid-template-columns: 1fr;
	}

	.ys-bien-privacy__section dt {
		padding-bottom: 6px;
		border-bottom: 0;
	}

	.ys-bien-privacy__section dd {
		padding-top: 6px;
	}

	.ys-privacy-date {
		flex-direction: column;
	}
}