@import url("./root.css");

:root {
	font-size: 18px;
	line-height: 1.6;
}

.privacy-page {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 48px 24px 80px;
}

nav {
	margin-bottom: 48px;
}

h1 {
	max-width: none;
	margin-bottom: 16px;
	font-size: clamp(32px, 6vw, 48px);
	line-height: 1.15;
	text-align: left;
	color: var(--color-text);
}

main h2 {
	margin: 36px 0 12px;
	font-size: 24px;
	line-height: 1.3;
}

main p,
main ul,
main li {
	line-height: 1.6;
	font-weight: 400;
	text-box: normal;
}

main p,
main ul {
	margin-bottom: 16px;
}

main > p:first-of-type {
	color: var(--color-gray);
}

main ul {
	padding-left: 24px;
}

main a {
	text-decoration: underline;
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}

a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}