body {
	margin: 0;
	padding: 0;
	max-width: 100vw;
}

nav {
	max-width: 48rem;
	margin: 0 auto;
	padding: 1rem;
}

main {
	max-width: 48rem;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 1rem;

	/* Mobile-first: flex column with gap */
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* Desktop: grid layout */
@media (min-width: 768px) {
	main {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto 1fr;
		grid-template-areas:
			'contact headline headline'
			'work work sidebar';
	}

	.contact {
		grid-area: contact;
	}

	.headline {
		grid-area: headline;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.work {
		grid-area: work;
	}

	.sidebar {
		grid-area: sidebar;
	}
}

.role {
	font-style: italic;
	padding-left: 0;
	padding-top: 0;
}

.quote {
	font-style: italic;
}

/* Print styles */
@media print {
	body {
		font-size: 0.75rem;
	}

	main {
		padding-top: 0;
		padding-bottom: 0;
	}

	.print-hidden {
		display: none !important;
	}

	.own-website {
		display: block;
	}
}