.post-template-default.single-post {
	container-type: inline-size;

	.heading-root.text-root {
		min-height: 40px;
		display: grid;
		grid-template-columns: 3fr 1fr;
		gap: 24px;

		p {
			min-height: inherit;
		}
	}

	@container (max-width: 830px) {
		.heading-root.text-root {
			grid-template-columns: 1fr;
		}
	}

	/* Fallback for environments where container queries are not reliably applied. */
	@media (max-width: 830px) {
		.heading-root.text-root {
			grid-template-columns: 1fr;
		}

		.post-settings-wrapper {
			min-width: 0;
			width: 100%;
		}
	}

	.post-content-wrapper {
		overflow: auto;

		> ul.wp-block-list {
			padding-inline-start: 0;
		}

		ul.wp-block-list {
			list-style-position: inside;
		}
	}
}

/* Strong mobile fallback close to 2.5.0 single-column behavior. */
@media (max-width: 1024px) {
	.post-template-default.single-post .heading-root.text-root {
		display: block;
	}

	.post-template-default.single-post .post-content-image {
		height: auto;
	}

	.post-template-default.single-post .post-settings-wrapper {
		min-width: 0;
		width: 100%;
		margin-block-start: 1.5rem;
		padding: 1.25rem 1rem;
		gap: 1.5rem;
	}
}

.post-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.post-date {
	display: block;
	margin: 0.5rem 0;
	font-weight: 900;
}

.post-badge > a,
.post-settings-categories-list .post-categories > li > a,
.post-badge:not(:has(> a)) {
	background: var(--theme-colors-palette-accent2);
	color: var(--theme-colors-palette-light) !important;
	padding: 0.35rem 1rem;
	border-radius: 32px;
	display: inline-block;
	cursor: pointer;
	margin: 0;
	font-weight: 500;
	text-decoration: none;
}

.post-settings-wrapper .post-settings-categories li {
	list-style: none;
	margin: 0;
}

.post-navigation-wrapper {
	margin-block-end: 1rem;
}

.post-content-image {
	width: 100%;
	height: 320px;
	object-fit: cover;
	border-radius: 12px;
}

.post-settings-wrapper {
	height: fit-content;
	background: var(--page-background-color);
	min-width: 300px;
	margin-block-start: 34px;
	border-radius: 4px;
	padding: 2rem 1.5rem;

	display: flex;
	flex-direction: column;
	gap: 40px;

	.post-categories {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.post-settings-categories,
	.post-settings-authors {
		.post-settings-categories-list > .post-categories,
		.post-settings-authors-list {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}
	}

	.post-settings-title {
		margin: 0 0 0.75rem 0;
		font-weight: 600;
	}

	hr {
		margin: 0.5rem 0;
	}
}

#commentform {
	&.form-submit-fail {
		input:invalid,
		textarea:invalid {
			+ .form-label-error {
				display: block;
			}
		}
		.form-message.form-error {
			display: flex;
		}
	}
}

#comments {
	padding: 4rem 1.5rem 0;

	@media (max-width: 1024px) {
		padding: 4rem 0 0 0;
	}

	textarea,
	input:not(#wp-comment-cookies-consent) {
		border-radius: 11px;
	}

	.comment-form-second-name,
	.says {
		display: none;
	}

	p.form-submit {
		text-align: right;

		small {
			margin-right: 1rem;
			margin-bottom: 1rem;

			a {
				text-decoration: none;
				color: var(--form-body-text-color);
				font-size: 1rem;
			}
		}
	}

	.comment-list {
		list-style: none;
		margin-block-end: 3rem;
		margin: 0;
		padding: 0;

		li {
			margin-bottom: 4rem;

			.comment-body {
				p {
					margin: 2rem 0;
					font-size: 1rem;
					line-height: 1.5rem;
				}
			}

			.comment-author.vcard {
				position: relative;

				.gox-initals-avatar {
					background-color: var(--theme-colors-palette-accent3);
					color: var(--theme-colors-palette-light);
					font-size: 1.5em;
					font-weight: 700;
					border-radius: 50%;
					width: 50px;
					height: 50px;
					display: flex;
					align-items: center;
					justify-content: center;
					text-align: center;
					position: absolute;
				}

				cite {
					margin-left: 4rem;
					font-style: normal;
					font-size: 1.5rem;
					display: block;
				}
			}

			.comment-awaiting-moderation {
				margin-left: 4rem;
				font-size: 1rem;
				font-style: normal;
			}

			.reply {
				text-align: right;

				a {
					text-decoration: none;
					font-size: 1rem;
				}
			}

			.comment-meta.commentmetadata {
				margin-left: 4rem;

				a {
					font-size: 1rem;
					color: inherit;
				}
			}
		}

		ol li {
			list-style: none;
		}
	}

	.comment-form-cookies-consent {
		align-items: flex-start;
		margin-top: 1rem;
		flex-direction: row;

		#wp-comment-cookies-consent {
			border: 2px solid var(--form-module-active-color-body-text);
			border-radius: 4px;
			display: inline-block;
			flex-shrink: 0;
			height: var(--form-checkbox-icon-size);
			width: var(--form-checkbox-icon-size);
			appearance: none;
			margin-right: 1rem;
			padding: 0;
		}

		#wp-comment-cookies-consent:checked::after {
			content: var(--form-checkbox-svg);
			height: var(--form-checkbox-size);
			position: absolute;
			width: var(--form-checkbox-size);
		}
	}
}

.comments-wrapper {
	grid-column: 1 / 2;

	.comments-title {
		margin-bottom: 3rem;
	}
}