/*
 * PowerLand Design System — RDX-05A question feed and detail layer.
 * Purely visual: legacy WPQA hooks, actions, form fields and state classes stay intact.
 */

body.powerland-ui-v2 article.article-question {
	padding-block-start: var(--pl-space-6);
	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 article.article-question:not(.single-question):hover {
	border-color: color-mix(in srgb, var(--pl-color-brand-primary) 38%, var(--pl-color-border-subtle));
	box-shadow: var(--pl-shadow-2);
}

body.powerland-ui-v2 article.article-question :where(.question-inner, .single-inner-content) {
	color: var(--pl-color-text-primary);
}

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

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

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

body.powerland-ui-v2 article.article-question :where(h1.post-title, h2.post-title, .post-title) {
	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-question h1.post-title {
	font-size: clamp(var(--pl-font-size-600), 2.4vw, var(--pl-font-size-700));
}

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

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

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

body.powerland-ui-v2 article.article-question .question-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-question .question-content-text :where(p, li) {
	color: inherit;
}

body.powerland-ui-v2 article.article-question :where(.question-poll, .best-answer, .paid-answer, .profile-credential) {
	border: 0;
	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-100);
	font-weight: var(--pl-font-weight-bold);
}

body.powerland-ui-v2 article.article-question .question-footer {
	margin-block-start: var(--pl-space-5);
	padding: var(--pl-space-3) var(--pl-space-4);
	border: 1px solid 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 article.article-question .footer-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pl-space-2) var(--pl-space-4);
}

body.powerland-ui-v2 article.article-question .footer-meta > li {
	margin: 0;
	color: var(--pl-color-text-secondary);
}

body.powerland-ui-v2 article.article-question .footer-meta > li :where(a, span, i) {
	color: inherit;
}

body.powerland-ui-v2 article.article-question .footer-meta > li a {
	border-radius: var(--pl-radius-xs);
	text-decoration: none;
}

body.powerland-ui-v2 article.article-question .footer-meta > li a:hover {
	color: var(--pl-color-link-hover);
}

body.powerland-ui-v2 article.article-question :where(.meta-answer, .post-read-more, .question-read-less) {
	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-question :where(.meta-answer, .post-read-more, .question-read-less):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-question :where(.question-vote, .answer-vote) {
	color: var(--pl-color-text-secondary);
}

body.powerland-ui-v2 article.article-question :where(.question-vote, .answer-vote) li a {
	border-color: var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-sm);
	color: var(--pl-color-text-secondary);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 article.article-question :where(.question-vote, .answer-vote) li a:hover {
	border-color: var(--pl-color-brand-primary);
	color: var(--pl-color-link-hover);
	background: var(--pl-color-bg-surface);
}

body.powerland-ui-v2 article.article-question .question-sticky-ribbon div {
	color: var(--pl-color-text-on-brand);
	background: var(--pl-color-brand-primary);
}

body.powerland-ui-v2 article.article-question .tagcloud a {
	border: 1px solid var(--pl-color-border-subtle);
	border-radius: var(--pl-radius-pill);
	color: var(--pl-color-text-secondary);
	background: var(--pl-color-bg-subtle);
}

body.powerland-ui-v2 article.article-question .question-bottom {
	border-block-start-color: var(--pl-color-border-subtle);
}

body.powerland-ui-v2 article.article-question :where(.wpqa_error, .wpqa_success):empty {
	display: none;
}

@media (max-width: 47.99rem) {
	body.powerland-ui-v2 article.article-question {
		padding-block-start: var(--pl-space-4);
		border-radius: var(--pl-radius-md);
	}

	body.powerland-ui-v2 article.article-question .question-footer {
		padding: var(--pl-space-3);
	}

	body.powerland-ui-v2 article.article-question .footer-meta {
		gap: var(--pl-space-2) var(--pl-space-3);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.powerland-ui-v2 article.article-question {
		transition: none;
	}
}