page-legal {
	display: grid;
	grid-template-rows: min-content minmax(0, 1fr) min-content;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	height: 100%;
	padding: var(--u);
	row-gap: var(--u);
	column-gap: 1rem;
}

page-legal > output-i18n {
	grid-column: 1 / 3;
	grid-row: 1;
	font-size: 2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

page-legal > label {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	gap: 1rem;
}

page-legal > label > main {
	overflow-y: scroll;
	height: 100%;
	flex-shrink: 1;
	padding: 1rem;
	gap: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.25rem;
	background-color: var(--color-gray-xs);
	border-radius: var(--border-radius);
}

page-legal > label > main > output-i18n {
	white-space: normal;
	word-break: auto-phrase;
}

page-legal > label > main > output-i18n p {
	padding-bottom: 0.5rem;
	line-height: 1.1;
	font-size: 1rem;
}
page-legal > label > main > output-i18n > p > a > b {
	padding-top: 0.5rem;
	display: inline-block;
}

page-legal > label > main > output-i18n > p i {
	font-family: "Sesame Sans", system-ui;
	font-size: 1rem;
	font-style: italic;
	font-weight: bold;
	padding-top: 0.5rem;
	display: inline-block;
}

page-legal > label > main > output-i18n h3 {
	font-size: 1rem;
	font-weight: bold;
	padding-bottom: 0.5rem;
	display: inline-block;
}

page-legal > label > main > table > thead > tr > th > b {
	font-size: 1rem;
	font-weight: bold;
}

page-legal > label > main > output-i18n > ol {
	list-style-type: decimal;
}

page-legal > label > main > output-i18n li > ul,
page-legal > label > main > output-i18n li > ol {
	padding-top: 0.4rem;
}

page-legal > label > main > output-i18n li {
	font-size: 1rem;
	line-height: 1.1;
	padding-bottom: 0.4rem;
}

page-legal > label > main > output-i18n > ul > li > ul > li:last-of-type,
page-legal > label > main > output-i18n > ul > li > ol > li:last-of-type,
page-legal > label > main > output-i18n > ol > li > ul > li:last-of-type,
page-legal > label > main > output-i18n > ol > li > ol > li:last-of-type {
	padding-bottom: 0;
}

page-legal > label > main > output-i18n > ol ol {
	list-style-type: lower-alpha;
}

page-legal > footer {
	grid-column: 1 / 3;
	grid-row: 3;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	gap: 2rem;
}

page-legal > footer.done {
	display: none;
}