/* Shared visual language for public interior pages. The homepage and FAQ reference remain untouched. */
body:not(.home) main:not(.hwayang-faq-index):not(.hwayang-faq-detail) {
	--interior-blue: var(--wp--custom--hwayang--color--primary);
	--interior-navy: var(--wp--custom--hwayang--color--primary-dark);
	--interior-muted: var(--wp--custom--hwayang--color--text-secondary);
	--interior-border: var(--wp--custom--hwayang--color--border);
	--interior-soft: var(--wp--custom--hwayang--color--background-soft);
	background-color: #fff;
}

/* Match the compact FAQ banner hierarchy on other list and hub pages. */
body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) :is(.hwayang-page-intro, .hwayang-topic-hero),
body:not(.home) :is(.hwayang-service-hub, .hwayang-about-page, .hwayang-contact-page) .hwayang-service-hero {
	background-color: #eaf4ff;
	background-image: linear-gradient(90deg, #edf6ff 0%, rgb(237 246 255 / 98%) 42%, rgb(237 246 255 / 72%) 69%, rgb(237 246 255 / 30%) 100%), url('../images/generated/homepage-hero-tianjin.webp');
	background-position: center, right 52%;
	background-repeat: no-repeat;
	background-size: cover;
}

/* One 1920px banner artwork for FAQ, knowledge and company-news lists and details. */
body:not(.home) :is(.hwayang-faq-index, .hwayang-faq-detail) > .hwayang-faq-banner,
body:not(.home) :is(.hwayang-knowledge-index--v2, .hwayang-knowledge-detail--article-v2) > .hwayang-page-intro {
	background: #cbe5fb;
	isolation: isolate;
	overflow: hidden;
	position: relative;
}

body:not(.home) :is(.hwayang-faq-index, .hwayang-faq-detail) > .hwayang-faq-banner::before,
body:not(.home) :is(.hwayang-knowledge-index--v2, .hwayang-knowledge-detail--article-v2) > .hwayang-page-intro::before {
	background-image: url('../images/common_banner.webp');
	background-position: center 52%;
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	filter: blur(24px);
	inset: 0;
	pointer-events: none;
	position: absolute;
	transform: scale(1.03);
	z-index: 0;
}

body:not(.home) :is(.hwayang-faq-index, .hwayang-faq-detail) > .hwayang-faq-banner::after,
body:not(.home) :is(.hwayang-knowledge-index--v2, .hwayang-knowledge-detail--article-v2) > .hwayang-page-intro::after {
	background-image: linear-gradient(90deg, rgb(237 246 255 / 36%), transparent 48%), url('../images/common_banner.webp');
	background-position: center, center 52%;
	background-repeat: no-repeat;
	background-size: 100% 100%, 1920px auto;
	content: '';
	inset: 0;
	mask-image: linear-gradient(90deg, transparent calc(50% - 960px), #000 calc(50% - 900px), #000 calc(50% + 900px), transparent calc(50% + 960px));
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

body:not(.home) :is(.hwayang-faq-index, .hwayang-faq-detail) > .hwayang-faq-banner > .site-container,
body:not(.home) :is(.hwayang-knowledge-index--v2, .hwayang-knowledge-detail--article-v2) > .hwayang-page-intro > .site-container {
	position: relative;
	z-index: 2;
}

@media (max-width: 767px) {
	body:not(.home) :is(.hwayang-faq-index, .hwayang-faq-detail) > .hwayang-faq-banner::after,
	body:not(.home) :is(.hwayang-knowledge-index--v2, .hwayang-knowledge-detail--article-v2) > .hwayang-page-intro::after {
		background-image: linear-gradient(90deg, rgb(237 246 255 / 88%), rgb(237 246 255 / 68%)), url('../images/common_banner.webp');
	}
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) :is(.hwayang-page-intro, .hwayang-topic-hero) > .site-container {
	min-height: 198px;
	padding-block: 1.5rem 2rem;
}

body:not(.home) :is(.hwayang-service-hub, .hwayang-about-page, .hwayang-contact-page) :is(.hwayang-hub-hero, .hwayang-about-hero, .hwayang-contact-hero) {
	min-height: 198px;
	padding-block: 1.5rem 2rem;
}

body:not(.home) :is(.hwayang-service-page, .hwayang-knowledge-detail) :is(.hwayang-service-hero, .hwayang-knowledge-detail__header) {
	background: linear-gradient(108deg, #f8fbff, #eaf4ff);
}

body:not(.home) :is(.hwayang-page-intro, .hwayang-topic-hero, .hwayang-service-hero, .hwayang-knowledge-detail__header) h1 {
	color: var(--interior-navy);
	font-size: clamp(1.8rem, 2.2vw, 2.4rem);
	line-height: 1.3;
	margin-block: 0 0.55rem;
}

body:not(.home) :is(.hwayang-page-intro, .hwayang-topic-hero, .hwayang-service-hero, .hwayang-knowledge-detail__header) :is(.hwayang-hero__lead, .site-container > p:last-child) {
	color: var(--interior-navy);
	font-size: 0.975rem;
	line-height: 1.7;
	max-width: 42rem;
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-service-hub, .hwayang-service-page, .hwayang-about-page, .hwayang-contact-page) .hwayang-section {
	padding-block: clamp(2.75rem, 4vw, 4.25rem);
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) .hwayang-knowledge-section {
	padding-block: clamp(2.75rem, 4vw, 4.25rem);
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) .hwayang-knowledge-tools {
	padding-block: 1.4rem;
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) .hwayang-knowledge-search__controls {
	border-radius: var(--wp--custom--hwayang--radius--control);
	box-shadow: 0 4px 14px rgb(31 45 91 / 4%);
	max-width: 950px;
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) .hwayang-knowledge-search .hwayang-button {
	background: var(--interior-blue);
	border-color: var(--interior-blue);
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) .hwayang-topic-navigation a[aria-current="page"] {
	background: var(--interior-blue);
	border-color: var(--interior-blue);
}

body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) .hwayang-topic-navigation a:hover {
	background: var(--interior-blue);
	border-color: var(--interior-blue);
}

/* FAQ-like light cards for content and service entry points. */
body:not(.home) :is(.hwayang-knowledge-card, .hwayang-service-catalog article, .hwayang-info-card, .hwayang-video-card, .hwayang-generic-archive .wp-block-post) {
	background: #fff;
	border: 1px solid var(--interior-border);
	border-radius: var(--wp--custom--hwayang--radius--card);
	box-shadow: 0 5px 18px rgb(31 45 91 / 5.5%);
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

body:not(.home) :is(.hwayang-knowledge-card, .hwayang-service-catalog article, .hwayang-info-card, .hwayang-video-card, .hwayang-generic-archive .wp-block-post):hover,
body:not(.home) :is(.hwayang-knowledge-card, .hwayang-service-catalog article, .hwayang-info-card, .hwayang-video-card, .hwayang-generic-archive .wp-block-post):focus-within {
	border-color: #c4dcfb;
	box-shadow: 0 8px 22px rgb(31 45 91 / 9.5%);
}

body:not(.home) .hwayang-service-catalog {
	gap: 0.75rem;
}

body:not(.home) .hwayang-service-catalog article,
body:not(.home) .hwayang-service-catalog article:nth-child(even) {
	padding: 1.5rem;
}

body:not(.home) .hwayang-need-list {
	border: 0;
	display: grid;
	gap: 0.65rem;
}

body:not(.home) .hwayang-need-list > a {
	background: #fff;
	border: 1px solid var(--interior-border);
	border-radius: var(--wp--custom--hwayang--radius--card);
	box-shadow: 0 5px 18px rgb(31 45 91 / 5.5%);
	padding: 1rem 1.25rem;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

body:not(.home) .hwayang-need-list > a:hover,
body:not(.home) .hwayang-need-list > a:focus-visible {
	border-color: #c4dcfb;
	box-shadow: 0 8px 22px rgb(31 45 91 / 9.5%);
}

body:not(.home) .hwayang-need-list > a > span:first-child {
	align-items: center;
	background: #e9f3ff;
	border-radius: 50%;
	color: var(--interior-blue);
	display: flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

body:not(.home) :is(.hwayang-hub-note, .hwayang-contact-status, .hwayang-article-lead) {
	background: #f0f7ff;
	border: 1px solid #dcecff;
	border-left: 3px solid var(--interior-blue);
	border-radius: var(--wp--custom--hwayang--radius--card);
	box-shadow: none;
}

body:not(.home) .hwayang-knowledge-detail__grid {
	padding-block: clamp(2rem, 3vw, 3.25rem);
}

body:not(.home) .hwayang-article-lead {
	margin-top: 1.4rem;
}

body:not(.home) .hwayang-knowledge-body :is(h2, h3),
body:not(.home) .hwayang-video-detail__content h2 {
	color: var(--interior-navy);
}

body:not(.home) .hwayang-knowledge-body h2,
body:not(.home) .hwayang-video-detail__content h2 {
	border-left: 3px solid var(--interior-blue);
	padding-left: 0.8rem;
}

body:not(.home) :is(.hwayang-article-toc, .hwayang-detail-topics, .hwayang-related-service, .hwayang-share) {
	background: #fff;
	border: 1px solid var(--interior-border);
	border-radius: var(--wp--custom--hwayang--radius--card);
	padding: 1.25rem;
}

body:not(.home) :is(.hwayang-knowledge-consultation, .hwayang-topic-service, .hwayang-service-page .hwayang-consultation-cta, .hwayang-service-hub .hwayang-consultation-cta, .hwayang-about-page .hwayang-consultation-cta) {
	background: #eef6fd url('../images/faq-bg.webp') right center / auto 100% no-repeat;
	border: 1px solid #dcecff;
	color: var(--interior-muted);
}

body:not(.home) :is(.hwayang-knowledge-consultation, .hwayang-topic-service, .hwayang-service-page .hwayang-consultation-cta, .hwayang-service-hub .hwayang-consultation-cta, .hwayang-about-page .hwayang-consultation-cta) h2 {
	color: var(--interior-navy);
}

body:not(.home) :is(.hwayang-knowledge-consultation, .hwayang-topic-service) .hwayang-button--light,
body:not(.home) :is(.hwayang-service-page, .hwayang-service-hub, .hwayang-about-page) .hwayang-consultation-cta .hwayang-button--light {
	background: var(--wp--custom--hwayang--color--accent);
	border-color: var(--wp--custom--hwayang--color--accent);
	color: #fff;
}

body:not(.home) :is(.hwayang-service-page, .hwayang-service-hub, .hwayang-about-page) .hwayang-consultation-cta .hwayang-eyebrow {
	color: var(--interior-blue);
}

/* Shared numbered pagination follows the FAQ list controls across archives. */
body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination, .wp-block-query-pagination) {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	justify-content: center;
	margin-top: 1.75rem;
}

body:not(.home) .wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination, .wp-block-query-pagination) :is(.page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next) {
	align-items: center;
	background: #fff;
	border: 1px solid var(--wp--custom--hwayang--color--border);
	border-radius: var(--wp--custom--hwayang--radius--small);
	box-sizing: border-box;
	color: var(--wp--custom--hwayang--color--primary-dark);
	display: inline-flex;
	font-size: 0.875rem;
	font-weight: 650;
	justify-content: center;
	min-height: 36px;
	min-width: 36px;
	padding: 0.25rem 0.5rem;
	text-decoration: none;
}

body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination, .wp-block-query-pagination) a:is(.page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover,
body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination, .wp-block-query-pagination) a:is(.page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next):focus-visible {
	border-color: var(--wp--custom--hwayang--color--primary);
	color: var(--wp--custom--hwayang--color--primary);
}

body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination, .wp-block-query-pagination) .current {
	background: var(--wp--custom--hwayang--color--primary);
	border-color: var(--wp--custom--hwayang--color--primary);
	color: #fff;
}

body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination, .wp-block-query-pagination) .dots {
	background: transparent;
	border-color: transparent;
	min-width: 20px;
}

body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination) :is(.prev, .next) {
	font-size: 1.3rem;
	line-height: 1;
}

body:not(.home) :is(.hwayang-pagination, .hwayang-video-pagination) .is-disabled {
	color: var(--wp--custom--hwayang--color--text-secondary);
	opacity: 0.55;
}

/* Video archive and detail use the same restrained list/detail rhythm. */
body:not(.home) :is(.hwayang-video-archive, .hwayang-video-detail) {
	background: linear-gradient(180deg, #edf6ff 0, #edf6ff 230px, #fff 230px);
	padding-block: 1.4rem 4.5rem;
}

body:not(.home) .hwayang-video-breadcrumbs {
	margin-bottom: 0.9rem;
}

body:not(.home) .hwayang-video-heading {
	margin-bottom: 2rem;
}

body:not(.home) .hwayang-video-heading h1 {
	color: var(--interior-navy);
	font-size: clamp(1.8rem, 2.2vw, 2.4rem);
	line-height: 1.3;
}

body:not(.home) .hwayang-video-heading p:not(.hwayang-video-heading__eyebrow) {
	color: var(--interior-navy);
	font-size: 0.975rem;
	line-height: 1.7;
}

body:not(.home) .hwayang-video-grid {
	gap: 1.25rem;
}

body:not(.home) .hwayang-video-card {
	box-shadow: 0 5px 18px rgb(31 45 91 / 5.5%);
}

body:not(.home) .hwayang-video-detail__intro {
	background: #f0f7ff;
	border: 1px solid #dcecff;
	border-radius: var(--wp--custom--hwayang--radius--card);
	padding: 1.5rem;
}

body:not(.home) .hwayang-video-detail__intro p {
	color: var(--interior-navy);
	font-size: 1rem;
}

body:not(.home) .hwayang-generic-archive .wp-block-post-template {
	gap: 0.75rem;
}

body:not(.home) :is(.hwayang-generic-page, .hwayang-generic-archive, .hwayang-not-found) {
	background: #fff;
}

body:not(.home) :is(.hwayang-generic-page, .hwayang-generic-archive, .hwayang-not-found) > h1 {
	background: #edf6ff;
	border: 1px solid #dcecff;
	border-radius: var(--wp--custom--hwayang--radius--card);
	color: var(--interior-navy);
	padding: 1.25rem 1.5rem;
}

body:not(.home) .hwayang-generic-archive .wp-block-query-pagination a:hover,
body:not(.home) .hwayang-generic-archive .wp-block-post-title a:hover {
	color: var(--interior-blue);
}

@media (max-width: 47.99rem) {
	body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) :is(.hwayang-page-intro, .hwayang-topic-hero) > .site-container,
	body:not(.home) :is(.hwayang-service-hub, .hwayang-about-page, .hwayang-contact-page) :is(.hwayang-hub-hero, .hwayang-about-hero, .hwayang-contact-hero) {
		min-height: 0;
		padding-block: 1rem 1.5rem;
	}

	body:not(.home) :is(.hwayang-knowledge-index, .hwayang-topic-hub, .hwayang-search-results) :is(.hwayang-page-intro, .hwayang-topic-hero),
	body:not(.home) :is(.hwayang-service-hub, .hwayang-about-page, .hwayang-contact-page) .hwayang-service-hero {
		background-position: center, 70% center;
	}

	body:not(.home) .hwayang-video-archive,
	body:not(.home) .hwayang-video-detail {
		background: linear-gradient(180deg, #edf6ff 0, #edf6ff 190px, #fff 190px);
		padding-top: 1rem;
	}

	body:not(.home) :is(.hwayang-knowledge-consultation, .hwayang-topic-service, .hwayang-service-page .hwayang-consultation-cta, .hwayang-service-hub .hwayang-consultation-cta, .hwayang-about-page .hwayang-consultation-cta) {
		background-image: linear-gradient(90deg, #eef6fd 0%, rgb(238 246 253 / 96%) 60%, rgb(238 246 253 / 72%) 100%), url('../images/faq-bg.webp');
		background-position: center, right center;
		background-size: cover, auto 100%;
	}

	body:not(.home) .hwayang-service-catalog article,
	body:not(.home) .hwayang-service-catalog article:nth-child(even) {
		padding: 1.25rem;
	}

	body:not(.home) .hwayang-need-list > a {
		gap: 0.75rem;
		grid-template-columns: 42px minmax(0, 1fr) auto;
		padding: 0.9rem;
	}
}

.hwayang-tag-filter-context { align-items: center; background: #f2f7fd; border-radius: 6px; color: var(--wp--custom--hwayang--color--text-primary); display: flex; flex-wrap: wrap; font-size: .85rem; gap: .3rem; margin: 0 0 1rem; padding: .65rem .8rem; }
.hwayang-tag-filter-context strong { font-weight: 700; }
.hwayang-tag-filter-context a { color: var(--wp--custom--hwayang--color--primary); margin-left: auto; text-decoration: none; }
.hwayang-tag-filter-context a:hover { text-decoration: underline; }
.hwayang-tag-filter-context a:focus-visible { outline: 2px solid var(--wp--custom--hwayang--color--primary); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
	body:not(.home) :is(.hwayang-knowledge-card, .hwayang-service-catalog article, .hwayang-info-card, .hwayang-video-card, .hwayang-need-list > a) {
		transition: none;
	}
}