.legal-wrap { max-width: 760px; margin: 0 auto; padding: 6rem 6% 7rem; }
.legal-eyebrow { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-bottom: 1rem; }
.legal-wrap h1 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 600; letter-spacing: -0.03em; color: var(--text); line-height: 1.1; margin-bottom: 0.5rem; }
.legal-date { font-size: 0.82rem; color: var(--gray-3); margin-bottom: 3rem; }
.legal-wrap h2 { font-size: 1rem; font-weight: 600; color: var(--text); margin: 2.5rem 0 0.8rem; letter-spacing: -0.01em; }
.legal-wrap p { font-size: 0.92rem; font-weight: 300; color: var(--gray-3); line-height: 1.75; margin-bottom: 0.8rem; }
.legal-wrap ul { margin: 0.5rem 0 0.8rem 1.2rem; font-size: 0.92rem; font-weight: 300; color: var(--gray-3); line-height: 1.75; }
.legal-wrap ul li { margin-bottom: 0.3rem; }
.legal-wrap a { color: var(--accent); text-decoration: none; }
.legal-wrap a:hover { text-decoration: underline; }
.info-box { background: var(--dark-3); border: 1px solid var(--gray-1); border-left: 3px solid var(--accent); border-radius: 8px; padding: 1.2rem 1.5rem; margin: 1.5rem 0; }
.info-box p { margin: 0; }
.divider { border: none; border-top: 1px solid var(--gray-1); margin: 2rem 0; }

@media (max-width: 580px) {
	.legal-wrap {
		padding-top: 5rem;
		padding-bottom: 5rem;
		padding-left: 6%;
		padding-right: 6%;
	}

	.legal-date {
		margin-bottom: 2.1rem;
	}

	.legal-wrap h2 {
		margin-top: 1.9rem;
		margin-bottom: 0.65rem;
	}

	.legal-wrap p,
	.legal-wrap ul {
		font-size: 0.88rem;
		line-height: 1.65;
	}

	.info-box {
		padding: 0.9rem 1rem;
	}
}