body {
	background: var(--light-bg);
	color: var(--light-text-soft);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
	flex: 1;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--light-text);
}

.header {
	background: var(--dark-bg);
}

.legal {
	margin-top: 200px;
	margin-bottom: var(--space-2xl);
}

@media (max-width: 767.98px) {
	.legal {
		margin-top: 150px;
		margin-bottom: var(--space-2xl);
	}
}

@media (max-width: 375.98px) {
	.legal {
		margin-top: 100px;
	}
}

.legal_nav {
	margin-block: var(--space-md);
}

.legal_nav a {
	font-size: var(--fs-body-xs);
	color: var(--light-text-soft);
	font-family: 'DM mono';
}

.legal_nav a:last-of-type {
    color: var(--light-accent);
}


.legal_sub {
	margin-top: var(--space-sm);
	font-size: var(--fs-body-lg);
	color: var(--light-text-soft);
}

.legal_list {
	margin-top: var(--space-lg);
}

.legal_row {
	position: relative;
	display: grid;
	grid-template-columns: 20% 1fr 11px;
	align-items: center;
	padding-block: 40px;
	border-bottom: 1px solid var(--dark-text-soft);
}

@media (max-width: 767.98px) {
	.legal_row {
		grid-template-columns: 25% 1fr 11px;
        gap: 20px;
	}
}

@media (max-width: 375.98px) {
	.legal_row {
		padding-block: 25px;
	}
}

.legal_link {
	color: inherit;
	text-decoration: none;
}

.legal_link::after {
	content: "";
	position: absolute;
	inset: 0;
}

.legal_meta_label {
	font-size: var(--fs-body-xs);
	color: var(--light-text-soft);
	padding-bottom: var(--space-xs);
}

.legal_meta_date {
	font-weight: 400;
	font-size: var(--fs-body-xs);
	color: var(--light-text);
}

.legal_doc_title {
	font-size: var(--fs-title-sm);
	color: var(--light-text);
	padding-bottom: var(--space-xs);
}

.legal_doc_title a {
	font-weight: 400;
}

.legal_doc_sub {
	font-size: var(--fs-body-lg);
	color: var(--light-text-soft);
}

.legal_bar {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 11px;
	height: 75%;
	border-radius: var(--radius);
	background-image:
		url('/assets/icons/legal_arrow.png'),
		linear-gradient(90deg, #68de56 0%, #85e077 100%);
	background-repeat: no-repeat;
	background-position: left 20px center, right center;
	background-size: 70%;
	transition: width 0.3s ease;
}

.legal_row:hover .legal_bar {
	width: 120px;
}

@media (max-width: 767.98px) {
	.legal_row:hover .legal_bar {
		width: 11px;
	}
}

.temp_footer {
	width: 100%;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    align-items: center;
    height: 60px;
	background: var(--dark-bg);
}

@media (max-width: 767.98px) {
	.temp_footer {
		flex-wrap: wrap;
		height: auto;
		padding-block: 10px;
	}

	.temp_footer p:first-child {
		flex-basis: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	.temp_footer p:nth-of-type(2) {
		display: none;
	}
}

.temp_footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 25%;
    background-color: #dddddd;
}

@media (max-width: 991.98px) {
	.temp_footer::before {
		width: 70%;
	}
}

.temp_footer p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 11px;
    color: #dddddd;
    margin-bottom: 0;
    padding-inline: 15px;
}

.temp_footer p:nth-of-type(2) {
	padding-left: 0px;
}

.temp_footer-link {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 11px;
    color: #dddddd;
    background-color: transparent;
    transition: 0.3s all;
	text-decoration: none;
}

.temp_footer-link:hover {
    color: var(--dark-accent);
}

/* DOCUMENTS */
.legal_body {
	color: var(--light-text);
}

.legal_body h2 {
	font-family: var(--font-heading), sans-serif;
	font-weight: 400;
	font-size: var(--fs-title-lg);
	text-transform: uppercase;
}

.legal_body h3 {
	font-family: var(--font-heading), sans-serif;
	font-weight: 400;
	font-size: var(--fs-title-sm);
	margin-top: var(--space-lg);
	text-transform: uppercase;
}

.legal_body h4 {
	font-family: var(--font-heading), sans-serif;
	font-weight: 400;
	font-size: var(--fs-body-lg);
	margin-top: var(--space-sm);
	margin-bottom: var(--space-xs);
	text-transform: uppercase;
}

.legal_body p,
.legal_body ul,
.legal_body ol {
	font-family: var(--font-body), sans-serif;
	font-weight: 300;
	font-size: var(--fs-body-sm);
	margin-top: 12px;
	line-height: 1.5;
}

.legal_body ul,
.legal_body ol {
	padding-left: 22px;
}

.legal_body strong {
	font-weight: 600;
}

.legal_body address {
	margin-top: var(--space-sm);
	font-size: var(--fs-body-sm);
	font-style: italic;
}

.legal_email {
	color: var(--light-accent);
	font-weight: 400;
}

.legal_body a {
	margin-top: var(--space-sm);
	font-size: var(--fs-body-sm);
	color: var(--light-accent);
}

.legal_callout {
	padding: var(--space-sm);
	background-color: #efefef;
	border-radius: 15px;
}

.legal_accept {
	margin-top: var(--space-md);
	border-top: 1px solid var(--light-text);
	padding-top: var(--space-sm);
}

.legal_body table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #ccc;
	border-radius: 12px;
	overflow: hidden;
	width: 70%;
	margin-top: 15px;
	font-family: var(--font-body), sans-serif;
	letter-spacing: -0.5px;
	font-size: var(--fs-note);
}

.legal_body thead {
	background-color: #f1f1f1;
}

.legal_body th,
.legal_body td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 9px;
	text-align: left;
}

.legal_body th:last-child,
.legal_body td:last-child {
	border-right: none;
}

.legal_body tr:last-child td {
	border-bottom: none;
}

.legal_body td:first-child {
	font-weight: 600;
}

@media (max-width: 767.98px) {
	.legal_body table {
		width: 100%;
	}
}