@import "../components/card--blog.css";
@import "../components/social-blog.css";
@import "../components/authors-blog.css";
/*@import "../components/banners/one.css";*/
/*@import "../components/banners/two.css";*/
/*@import "../components/banners/three.css";*/
@import "../blocks/blog-other.css";
@import "../teasers/blog--teaser-2.css";

@import "../blocks/comment-form.css";
@import "../forms/form-comment.css";
@import "../components/comments.css";

@media (prefers-color-scheme: dark) or (prefers-color-scheme: light) {
	.page-blog-node {
		background-color: #f5f5f5;
	}
	.page-blog-node .tags {
		margin-left: calc(0px - var(--block-padding-x));
		margin-right: calc(0px - var(--block-padding-x));
	}
	.page-blog-node .card-blog {
		margin-left: calc(0px - var(--block-padding-x));
		margin-right: calc(0px - var(--block-padding-x));
	}
	.page-blog-node .article-after {
		display: flex;
		align-items: center;
		justify-content: space-between;
		grid-gap: 32px;
		margin: 84px 0;
	}

	@media screen and (max-width: 1023px) {
		.page-blog-node .article-after {
			flex-direction: column-reverse;
			align-items: flex-start;
			grid-gap: 60px;
			margin: 48px 0;
		}
	}
}