.terms-hero {
	margin-top: var(--space-6);
}
.terms-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
	gap: var(--space-8);
	align-items: flex-start;
}
.terms-hero-copy h1 {
	margin-bottom: var(--space-4);
}
.terms-intro {
	font-size: var(--font-size-md);
	max-width: 40rem;
}
.terms-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-5);
}
.terms-hero-aside {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}
.terms-hero-photo {
	background-color: var(--color-paper);
}
.terms-hero-photo-mock {
	width: 100%;
	aspect-ratio: 4/3;
	border-radius: var(--radius-md);
	background-image:
		radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.8), transparent 55%),
		linear-gradient(135deg, rgba(217, 166, 166, 0.4), rgba(200, 155, 109, 0.6));
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.terms-hero-photo-tag {
	font-size: var(--font-size-xs);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--color-text-soft);
	margin-bottom: var(--space-2);
}
.terms-handnote {
	max-width: 18rem;
}
.terms-body {
	margin-top: var(--space-10);
}
.terms-layout {
	align-items: flex-start;
}
.terms-main {
	min-width: 0;
}
.terms-section + .terms-section {
	margin-top: var(--space-8);
}
.terms-section h2 {
	font-size: var(--font-size-2xl);
}
.terms-section p:last-child {
	margin-bottom: 0;
}
.terms-link-row {
	margin-top: var(--space-2);
}
.terms-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-4);
}
.terms-side {
	display: flex;
	flex-direction: column;
	gap: var(--space-6);
}
.terms-side-card h3 {
	margin-bottom: var(--space-3);
}
.terms-keypoints {
	margin-top: var(--space-3);
}
.terms-keypoints li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-3);
	align-items: flex-start;
}
.terms-keypoints h4 {
	margin-bottom: var(--space-1);
	font-size: var(--font-size-md);
}
.terms-nav-links a {
	font-size: var(--font-size-sm);
}
.terms-side-card-secondary {
	padding-top: var(--space-5);
	padding-bottom: var(--space-5);
}
@media (max-width: 1024px) {
	.terms-hero-inner {
		grid-template-columns: minmax(0, 1fr);
	}
	.terms-layout {
		grid-template-columns: minmax(0, 1fr);
	}
	.terms-side {
		margin-top: var(--space-8);
	}
}
@media (max-width: 768px) {
	.terms-hero {
		margin-top: var(--space-4);
	}
	.terms-body {
		margin-top: var(--space-8);
	}
	.terms-actions {
		flex-direction: column;
		align-items: flex-start;
	}
}