.page {
	width: 100%;
	min-height: 100vh;
	padding: var(--space-xl);
}

.page--centered {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 16vh;
}

.page__inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.card {
	width: 100%;
	background: var(--color-surface-raised);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	box-shadow: 0 10px 28px var(--color-shadow);
	padding: var(--space-xl);
}

.card--small {
	max-width: 420px;
}

.card--medium {
	max-width: 720px;
}

.card--large {
	max-width: 1000px;
}

.card--wide {
	max-width: 1400px;
}

.card--full {
	max-width: none;
}