/*
 * PowerLand Design System — RDX-08A blog, article and utility-content layer.
 * Presentation only: post permissions, links, metadata, sharing and comments are unchanged.
 */

body.powerland-ui-v2 .post-articles:not(.question-articles):not(.group-posts-articles) > :where(article.article-post, div.article-post) {
	overflow: hidden;
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-lg);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-surface);
	box-shadow: var(--pl-shadow-1);
	transition:
		border-color var(--pl-duration-normal) var(--pl-ease-standard),
		box-shadow var(--pl-duration-normal) var(--pl-ease-standard);
}

body.powerland-ui-v2 .post-articles:not(.question-articles):not(.group-posts-articles) > :where(article.article-post, div.article-post):hover {
	border-color: color-mix(in srgb, var(--pl-color-brand-primary) 34%, var(--pl-color-border-subtle));
	box-shadow: var(--pl-shadow-2);
}

body.powerland-ui-v2 article.article-post-only :where(.post-list, .post-image, .featured-image, .wp-caption) {
	overflow: hidden;
	border-radius: var(--pl-radius-md);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 article.article-post-only :where(.post-list, .post-image, .featured-image) img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	object-fit: cover;
}

body.powerland-ui-v2 article.article-post-only .article-header {
	color: var(--pl-color-text-secondary);
}

body.powerland-ui-v2 article.article-post-only :where(h1.post-title, h2.post-title, .post-title, .post-title-2) {
	color: var(--pl-color-text-primary);
	font-family: var(--pl-font-family-sans);
	font-weight: var(--pl-font-weight-extra-bold);
	line-height: var(--pl-line-height-heading);
}

body.powerland-ui-v2 article.article-post-only h1.post-title {
	font-size: clamp(var(--pl-font-size-600), 2.6vw, var(--pl-font-size-800));
}

body.powerland-ui-v2 article.article-post-only h2.post-title {
	font-size: clamp(var(--pl-font-size-500), 1.8vw, var(--pl-font-size-600));
}

body.powerland-ui-v2 article.article-post-only .post-title a {
	color: inherit;
	text-decoration: none;
}

body.powerland-ui-v2 article.article-post-only .post-title a:hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 article.article-post-only .post-author {
	color: var(--pl-color-brand-ink);
	font-weight: var(--pl-font-weight-bold);
}

body.powerland-ui-v2 article.article-post-only .post-meta,
body.powerland-ui-v2 article.article-post-only .post-meta :where(a, span, i) {
	color: var(--pl-color-text-muted);
}

body.powerland-ui-v2 article.article-post-only .post-content-text {
	color: var(--pl-color-text-secondary);
	font-size: var(--pl-font-size-300);
	line-height: var(--pl-line-height-body);
}

body.powerland-ui-v2 article.article-post-only .post-content-text :where(p, li, figcaption) {
	color: inherit;
}

body.powerland-ui-v2 article.article-post-only .post-content-text :where(h2, h3, h4, h5, h6) {
	color: var(--pl-color-text-primary);
	font-weight: var(--pl-font-weight-extra-bold);
	line-height: var(--pl-line-height-heading);
}

body.powerland-ui-v2 article.article-post-only .post-content-text :where(a:not(.button-default), .more-link) {
	color: var(--pl-color-link);
	text-decoration-color: color-mix(in srgb, currentColor 38%, transparent);
	text-underline-offset: 0.2em;
}

body.powerland-ui-v2 article.article-post-only .post-content-text :where(a:not(.button-default), .more-link):hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 article.article-post-only .post-content-text :where(blockquote, pre) {
	border-color: var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-md);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 article.article-post-only footer {
	border-block-start-color: var(--pl-color-border-subtle);
	color: var(--pl-color-text-muted);
}

body.powerland-ui-v2 article.article-post-only :where(.post-read-more, .more-link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: var(--pl-control-height-sm);
	padding-inline: var(--pl-space-4);
	border: 1px solid transparent;
	border-radius: var(--pl-radius-pill);
	color: var(--pl-color-text-on-brand);
	background: var(--pl-color-brand-primary);
	font-size: var(--pl-font-size-200);
	font-weight: var(--pl-font-weight-bold);
	line-height: 1;
	text-decoration: none;
}

body.powerland-ui-v2 article.article-post-only :where(.post-read-more, .more-link):hover {
	color: var(--pl-color-text-on-brand);
	background: color-mix(in srgb, var(--pl-color-brand-primary) 84%, var(--pl-color-brand-ink));
}

body.powerland-ui-v2 article.article-post-only .post-share > span,
body.powerland-ui-v2 article.article-post-only .post-share > ul {
	border-color: var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-md);
	color: var(--pl-color-text-secondary);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 :where(.related-post, .page-navigation-single, .post-comments) {
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-lg);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-surface);
	box-shadow: var(--pl-shadow-1);
}

body.powerland-ui-v2 .related-post .section-title {
	color: var(--pl-color-text-primary);
	font-size: var(--pl-font-size-500);
	font-weight: var(--pl-font-weight-extra-bold);
}

body.powerland-ui-v2 .related-post :where(.post-title, li a) {
	color: var(--pl-color-text-primary);
	font-weight: var(--pl-font-weight-bold);
}

body.powerland-ui-v2 .related-post :where(.post-title, li a):hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 .page-navigation-single :where(.nav-previous, .nav-next) {
	border-color: var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-md);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 .page-navigation-single :where(a, .navigation-text) {
	color: var(--pl-color-text-secondary);
}

body.powerland-ui-v2 :where(.alert-message, .no-results) {
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-md);
	color: var(--pl-color-text-primary);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 .alert-message.warning {
	border-color: color-mix(in srgb, var(--pl-color-warning) 36%, var(--pl-color-border-subtle));
}

body.powerland-ui-v2 .alert-message.success {
	border-color: color-mix(in srgb, var(--pl-color-success) 36%, var(--pl-color-border-subtle));
}

body.powerland-ui-v2 .alert-message.error {
	border-color: color-mix(in srgb, var(--pl-color-danger) 36%, var(--pl-color-border-subtle));
}

@media (max-width: 47.99rem) {
	body.powerland-ui-v2 .post-articles:not(.question-articles):not(.group-posts-articles) > :where(article.article-post, div.article-post),
	body.powerland-ui-v2 :where(.related-post, .page-navigation-single, .post-comments) {
		border-radius: var(--pl-radius-md);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.powerland-ui-v2 .post-articles:not(.question-articles):not(.group-posts-articles) > :where(article.article-post, div.article-post) {
		transition: none;
	}
}
