.main-content {
	.breadcrumbs {
		max-width: var(--site-width);
		margin-inline: auto;
		margin-block: 2em;
		padding-inline: 1em;
	}
	.main-post {
		display: grid;
		grid-template-areas: "header""sidebar-start""content""sidebar-end";
		max-width: var(--site-width);
		margin-inline: auto;
		background: var(--background-color-1);
		border: var(--background-border);
		border-radius: 1em;
		box-shadow: var(--background-shadow);
		.post-header {
			grid-area: header;
			margin-block-end: 2em;
			.post-heading-group {
				text-align: center;
				.post-title {
					margin-block-end: 0.5em;
				}
				.post-subtitle {
					margin-block-start: 0;
					font-size: 1.25em;
				}
			}
		}
		.sidebar-container {
			.sidebar-end-container {
				.about-the-author {
					margin-block-start: 1em;
				}
			}
		}
		.post-content {
			grid-column: content;
			padding-inline: 1em;
			p {
				text-align: justify;
				hyphens: auto
			}
			.anchor {
				scroll-margin-block-start: var(--header-height);
			}
			.poem-content {
				P {
					text-align: start;
				}
			}
		}
	}
}
@media only screen and (min-width: 32em) {
	.main-content {
		.main-post {
			grid-auto-flow: dense;
			grid-template-columns: 1fr 2fr;
			grid-template-areas: "header header""sidebar content";
			.post-header {
				.post-meta-list {
					flex-flow:row;
				}
			}
			.sidebar-container {
				display: block;
				height: min-content;
				position: sticky;
				top: var(--header-height);
			}
		}
	}
}
@media only screen and (min-width: 48em) {
	.main-content {
		.main-post {
			grid-template-columns: 1fr 3fr;
			grid-template-areas: "header header""sidebar content""sidebar content";
			.sidebar-container {
				min-width: var(--sidebar-width);
			}
		}
	}
}
@media only screen and (min-width: 64em) {
	.main-content {
		.main-post {
			grid-template-columns: 1fr 2fr 1fr;
			grid-template-areas: "header header header""sidebar-start content sidebar-end";
			.sidebar-container {
				display: contents;
				.sidebar-start-container,
				.sidebar-end-container {
					height: min-content;
					position: sticky;
					top: var(--header-height);
				}
			}
		}
	}
}
