@import url("./../snippets/layout.css");

.postit {
	max-width: calc(1000px + 16vw);
	width: 100%;
}

.postit-header {
	display: flex;
	flex-direction: column;
	gap: 1em;
	margin-bottom: 3rem;

	h2 {
		text-wrap: balance;
	}
}

.postit-meta {
	align-items: center;
	color: #b0a9fd;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8em;
	gap: 0.75em 1.25em;

	a {
		text-underline-offset: 0.2em;
	}
}

.postit-support {
	border: 1px solid #1c104d;
	border-radius: 999px;
	color: #e9ecff;
	padding: 0.35em 0.7em;
}