:root {
	--prman-reading-width: 48rem;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

.navbar-brand {
	letter-spacing: .12em;
}

.article-content {
	max-width: var(--prman-reading-width);
	font-size: 1.06rem;
	line-height: 1.8;
}

.article-content h2,
.article-content h3,
.article-content h4 {
	margin-top: 2.25rem;
	margin-bottom: 1rem;
}

.article-content img {
	max-width: 100%;
	height: auto;
}

.article-content figure {
	max-width: 100%;
	margin-block: 2.5rem;
}

.article-content blockquote {
	border-left: .25rem solid var(--bs-dark);
	padding-left: 1.25rem;
	color: var(--bs-secondary-color);
}

.article-gallery {
	margin-block: 2.5rem !important;
}

.article-gallery img {
	transition: transform .25s ease;
}

.article-gallery a:hover img {
	transform: scale(1.025);
}

.article-content > img,
.article-content > a:has(> img) {
	display: block;
	margin-block: 1.75rem;
}

.article-content iframe {
	max-width: 100%;
}

.article-content .table-responsive {
	margin-block: 2rem;
}

.article-content .table > :not(caption) > * > * {
	padding: .85rem 1rem;
}

.blog-preview {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.card {
	overflow: hidden;
}

.sidebar {
	position: sticky;
	top: 7rem;
}

@media (max-width: 991.98px) {
	.sidebar {
		position: static;
	}
}