:root {
	--c-nsfw-border: red;
}

.post,
.notification {
	border: 2px solid;
	padding: 8px;
}

.post > p,
.notification > p {
	margin: 0;
}

.post > pre,
.notification > pre {
	margin: 0;
	display: inline;
}

.post + .post,
.notification + .notification {
	margin-top: 6px;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

span.nsfw-indicator {
	border: 2px solid var(--c-nsfw-border);
	border-radius: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 6px;
}

details>summary:hover {
	cursor: pointer;
}

/*
 * some themes make input fields display: block, which overrides my hidden
 * attribute. to resolve that, i will just override the override.
 */
input[hidden] {
	display: none !important;
	visibility: none !important;
}