/* Native WordPress fallback styling. Elementor pages retain priority through their own widget/container classes. */
body.deep-core:not(.elementor-page) .site-main {
	width: min(calc(100% - (var(--deep-container-padding) * 2)), var(--deep-container-max));
	margin-inline: auto;
	padding-block: clamp(2rem, 5vw, 4rem);
}

body.deep-core:not(.elementor-page) .site-main > :where(article, .page-header, .search-form, .post-navigation, .comments-area) {
	max-width: var(--deep-content-max);
	margin-inline: auto;
}

.deep-core :where(.entry-title, .page-title) {
	overflow-wrap: anywhere;
}

.deep-core :where(.entry-meta, .entry-footer, .wp-caption-text) {
	color: var(--deep-color-text-muted);
	font-size: var(--deep-text-sm);
}

.deep-core :where(blockquote, .wp-block-quote) {
	margin-inline: 0;
	padding: var(--deep-space-md) var(--deep-space-lg);
	border-left: 4px solid var(--deep-color-primary);
	background: var(--deep-color-surface);
	border-radius: 0 var(--deep-radius-md) var(--deep-radius-md) 0;
}

.deep-core :where(pre, code, kbd, samp) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.deep-core :where(pre) {
	overflow-x: auto;
	padding: var(--deep-space-md);
	border: 1px solid var(--deep-color-border);
	border-radius: var(--deep-radius-md);
	background: var(--deep-color-surface);
}

.deep-core :where(code):not(pre code) {
	padding: .1em .35em;
	border-radius: var(--deep-radius-sm);
	background: var(--deep-color-surface);
}

.deep-core :where(.wp-caption, .wp-block-image, .wp-block-gallery) {
	max-width: 100%;
}

.deep-core :where(.search-form) {
	display: flex;
	gap: var(--deep-space-sm);
	align-items: end;
}

.deep-core :where(.search-form label) {
	flex: 1 1 auto;
	margin: 0;
}

.deep-core :where(.post-navigation .nav-links) {
	justify-content: space-between;
	gap: var(--deep-space-md);
	margin-block: var(--deep-space-xl);
}

.deep-core :where(.comments-area) {
	margin-top: var(--deep-space-2xl);
}

.deep-core :where(.comment-list) {
	list-style: none;
	padding: 0;
}

.deep-core :where(.comment-body) {
	padding-block: var(--deep-space-md);
	border-bottom: 1px solid var(--deep-color-border);
}

.deep-core :where(.comment-form) {
	display: grid;
	gap: var(--deep-space-md);
}

.deep-core :where(.post-password-form) {
	padding: var(--deep-space-lg);
	border: 1px solid var(--deep-color-border);
	border-radius: var(--deep-radius-lg);
	background: var(--deep-color-surface);
}

@media (max-width: 600px) {
	.deep-core :where(.search-form) {
		align-items: stretch;
		flex-direction: column;
	}
}
