/* Knowledge index and non-FAQ article detail. Design v2 tokens remain the source of truth. */
.hwayang-knowledge-index--v2,
.hwayang-knowledge-detail--article-v2 {
	--knowledge-blue: var(--wp--custom--hwayang--color--primary);
	--knowledge-navy: var(--wp--custom--hwayang--color--primary-dark);
	--knowledge-muted: var(--wp--custom--hwayang--color--text-secondary);
	--knowledge-border: var(--wp--custom--hwayang--color--border);
	color: var(--knowledge-navy);
}
body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro,
body:not(.home) .hwayang-knowledge-detail--article-v2 .hwayang-page-intro {
	background-color: #eaf4ff;
}
body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro {
	border-bottom: 1px solid var(--knowledge-border);
}
.hwayang-knowledge-index--v2 .hwayang-page-intro > .site-container,
.hwayang-knowledge-detail--article-v2 .hwayang-page-intro > .site-container {
	min-height: 180px;
	padding-block: 2.3rem;
}
body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro > .site-container { align-content: center; display: grid; min-height: 198px; padding-block: 2rem; }
.hwayang-knowledge-index--v2 .hwayang-page-intro h1,
.hwayang-knowledge-detail--article-v2 .hwayang-knowledge-detail__banner-title {
	color: var(--knowledge-navy);
	font-size: clamp(1.8rem, 2.2vw, 2.35rem);
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 .45rem;
}
.hwayang-knowledge-index--v2 .hwayang-page-intro p,
.hwayang-knowledge-detail--article-v2 .hwayang-page-intro p:last-child {
	color: var(--knowledge-navy);
	font-size: .95rem;
	line-height: 1.7;
	margin: 0;
	max-width: 42rem;
}
body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro h1 { font-size: clamp(1.8rem, 2.2vw, 2.4rem); margin-bottom: .55rem; max-width: none; }
body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro .site-container > p:last-child { font-size: .975rem; max-width: 39rem; }
.hwayang-knowledge-index__inner,
.hwayang-knowledge-detail__container { padding-block: 1.25rem 4rem; }
.hwayang-knowledge-index--v2 .hwayang-knowledge-breadcrumb,
.hwayang-knowledge-detail--article-v2 .hwayang-knowledge-breadcrumb { margin-bottom: 1.25rem; }
.hwayang-knowledge-index__tools { display: grid; gap: 1rem; margin-bottom: 1.35rem; }
.hwayang-knowledge-index__tools .hwayang-knowledge-search { max-width: none; }
.hwayang-knowledge-index__tools .hwayang-knowledge-search > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.hwayang-knowledge-index__tools .hwayang-knowledge-search__controls { max-width: none; border-color: var(--knowledge-border); }
.hwayang-knowledge-index__tools .hwayang-topic-navigation { flex-wrap: nowrap; gap: .35rem; overflow-x: auto; padding: .1rem 0 .55rem; scrollbar-width: thin; }
.hwayang-knowledge-index__tools .hwayang-topic-navigation a { background: #fff; border-radius: 8px; flex: 0 0 auto; gap: .45rem; padding: .45rem .75rem; white-space: nowrap; }
.hwayang-knowledge-index__tools .hwayang-topic-navigation a:is(:hover, :focus-visible, [aria-current="page"]) { background: var(--knowledge-blue); border-color: var(--knowledge-blue); color: #fff; }
.hwayang-knowledge-index__tools .hwayang-topic-navigation a .hwayang-icon { color: var(--knowledge-blue); }
.hwayang-knowledge-index__tools .hwayang-topic-navigation a:is(:hover, :focus-visible, [aria-current="page"]) .hwayang-icon { color: #fff; }
.hwayang-knowledge-index__layout,
.hwayang-knowledge-detail__layout { display: grid; gap: 1.35rem; grid-template-columns: minmax(0, 2.25fr) minmax(250px, 1fr); align-items: start; }
.hwayang-knowledge-index__main,
.hwayang-knowledge-index__sidebar,
.hwayang-knowledge-detail__article,
.hwayang-knowledge-detail__sidebar { min-width: 0; }
.hwayang-knowledge-sort { border-bottom: 1px solid var(--knowledge-border); display: flex; gap: 1.35rem; overflow-x: auto; }
.hwayang-knowledge-sort a { border-bottom: 2px solid transparent; color: var(--knowledge-muted); flex: 0 0 auto; font-size: .9rem; font-weight: 650; padding: .7rem .1rem; text-decoration: none; }
.hwayang-knowledge-sort a[aria-current="page"] { border-color: var(--knowledge-blue); color: var(--knowledge-blue); }
.hwayang-knowledge-search-status { color: var(--knowledge-muted); font-size: .85rem; margin: 1rem .4rem 0; }
.hwayang-knowledge-search-status a { color: var(--knowledge-blue); margin-left: .6rem; }
.hwayang-knowledge-list-row { border-bottom: 1px solid var(--knowledge-border); display: grid; gap: 1rem; grid-template-columns: 136px minmax(0, 1fr); padding: 1rem .4rem; transition: background-color 180ms ease; }
.hwayang-knowledge-list-row:hover { background: #f8fbff; }
.hwayang-knowledge-list-row__image { align-items: center; aspect-ratio: 4 / 3; background: #eef6ff; border-radius: 8px; color: var(--knowledge-blue); display: flex; justify-content: center; overflow: hidden; }
.hwayang-knowledge-list-row__image img { height: 100%; object-fit: cover; transition: transform 180ms ease; width: 100%; }
.hwayang-knowledge-list-row:hover img { transform: scale(1.025); }
.hwayang-knowledge-list-row__content { display: flex; flex-direction: column; min-width: 0; }
.hwayang-knowledge-list-row__heading { align-items: flex-start; display: flex; flex-wrap: wrap; gap: .25rem .65rem; }
.hwayang-knowledge-list-row h2 { font-size: 1.075rem; font-weight: 650; line-height: 1.45; margin: 0; min-width: 0; }
.hwayang-knowledge-list-row h2 a { color: var(--knowledge-navy); display: -webkit-box; overflow: hidden; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hwayang-knowledge-list-row h2 a:hover { color: var(--knowledge-blue); }
.hwayang-knowledge-list-row__topic { background: #fff5ec; border: 1px solid #ffd6b5; border-radius: 5px; color: var(--wp--custom--hwayang--color--accent); font-size: .72rem; line-height: 1.5; padding: .1rem .35rem; text-decoration: none; white-space: nowrap; }
.hwayang-knowledge-list-row__content > p { color: var(--knowledge-muted); display: -webkit-box; font-size: .85rem; line-height: 1.65; margin: .45rem 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hwayang-knowledge-list-row__meta { color: var(--knowledge-muted); display: flex; flex-wrap: wrap; font-size: .76rem; gap: .3rem .9rem; margin-top: auto; }
.hwayang-knowledge-list-row__meta > * { align-items: center; display: inline-flex; gap: .3rem; }
.hwayang-knowledge-list-row__meta .hwayang-icon { color: var(--knowledge-blue); }
.hwayang-knowledge-list-row__meta time .hwayang-icon,
.hwayang-knowledge-list-row__meta .hwayang-knowledge-list-row__views .hwayang-icon { color: inherit; height: 14px; width: 14px; }
.hwayang-knowledge-list-row__meta .hwayang-icon,
.hwayang-knowledge-detail__heading .hwayang-article-meta .hwayang-icon { height: 16px; width: 16px; }
.hwayang-knowledge-side-panel { background: #fff; border: 1px solid var(--knowledge-border); border-radius: 10px; box-shadow: 0 5px 18px rgb(31 45 91 / 5%); margin-bottom: 1rem; padding: 1.15rem; }
.hwayang-knowledge-side-panel h2 { color: var(--knowledge-navy); font-size: 1.05rem; margin: 0 0 .8rem; }
.hwayang-company-news .hwayang-knowledge-side-panel p { color: var(--knowledge-muted); font-size: .85rem; line-height: 1.65; margin: 0 0 .8rem; }
.hwayang-company-news .hwayang-knowledge-side-panel > a { align-items: center; color: var(--knowledge-blue); display: inline-flex; font-size: .85rem; font-weight: 650; gap: .35rem; text-decoration: none; }
.hwayang-company-news .hwayang-knowledge-side-panel > a:hover { color: var(--knowledge-navy); }
.hwayang-knowledge-topic-list,
.hwayang-knowledge-recent-list,
.hwayang-knowledge-question-list { list-style: none; margin: 0; padding: 0; }
.hwayang-knowledge-topic-list li + li,
.hwayang-knowledge-recent-list li + li,
.hwayang-knowledge-question-list li + li { border-top: 1px solid var(--knowledge-border); }
.hwayang-knowledge-topic-list a { align-items: center; color: var(--knowledge-navy); display: flex; font-size: .85rem; gap: .55rem; min-height: 50px; text-decoration: none; }
.hwayang-knowledge-topic-list__icon { align-items: center; background: #eaf4ff; border-radius: 50%; color: var(--knowledge-blue); display: flex; flex: 0 0 32px; height: 32px; justify-content: center; }
.hwayang-knowledge-topic-list small { color: var(--knowledge-muted); font-size: .75rem; margin-left: auto; white-space: nowrap; }
.hwayang-knowledge-recent-list a { align-items: center; color: var(--knowledge-navy); display: grid; gap: .65rem; grid-template-columns: 64px minmax(0, 1fr); min-height: 72px; padding-block: .45rem; text-decoration: none; }
.hwayang-knowledge-recent-list__image { align-items: center; aspect-ratio: 4 / 3; background: #eef6ff; border-radius: 6px; color: var(--knowledge-blue); display: flex; justify-content: center; overflow: hidden; }
.hwayang-knowledge-recent-list__image img { height: 100%; object-fit: cover; width: 100%; }
.hwayang-knowledge-recent-list strong { display: -webkit-box; font-size: .82rem; line-height: 1.45; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hwayang-knowledge-recent-list time { color: var(--knowledge-muted); display: block; font-size: .72rem; margin-top: .25rem; }
.hwayang-knowledge-index__sidebar .hwayang-faq-consultation { align-items: center; background: #eef6fd url('../images/faq-bg.webp') center / cover no-repeat; border: 1px solid #dcecff; border-radius: var(--wp--custom--hwayang--radius--promo); display: flex; gap: .5rem; justify-content: space-between; min-height: 180px; padding: 1.5rem; }
.hwayang-knowledge-index__sidebar .hwayang-faq-consultation > div { max-width: 60%; }
.hwayang-knowledge-index__sidebar .hwayang-faq-consultation h2 { color: var(--knowledge-navy); font-size: 1.08rem; margin: 0 0 .5rem; }
.hwayang-knowledge-index__sidebar .hwayang-faq-consultation p { color: var(--knowledge-muted); font-size: .86rem; line-height: 1.6; margin: 0 0 1rem; }
.hwayang-knowledge-detail__heading { margin-bottom: 1.35rem; }
.hwayang-knowledge-detail__topic { background: #fff5ec; border: 1px solid #ffcba1; border-radius: 5px; color: var(--wp--custom--hwayang--color--accent); display: inline-block; font-size: .8rem; margin-bottom: .65rem; padding: .2rem .6rem; }
.hwayang-knowledge-detail__heading h1 { color: var(--knowledge-navy); font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.35; margin: 0 0 .8rem; }
.hwayang-knowledge-detail__heading .hwayang-article-meta { align-items: center; color: var(--knowledge-muted); display: flex; flex-wrap: wrap; font-size: .8rem; gap: .35rem 1rem; }
.hwayang-knowledge-detail__heading .hwayang-article-meta > :first-child,
.hwayang-knowledge-detail__heading .hwayang-article-meta > span { align-items: center; display: inline-flex; gap: .3rem; }
.hwayang-knowledge-detail__heading .hwayang-icon { color: var(--knowledge-blue); }
.hwayang-knowledge-detail__tags { flex-wrap: wrap; }
.hwayang-knowledge-detail__tags a { background: #eef5fd; border-radius: 5px; color: var(--knowledge-muted); padding: .2rem .45rem; text-decoration: none; }
.hwayang-knowledge-detail--article-v2 .hwayang-article-lead { align-items: flex-start; display: flex; gap: .9rem; margin: 0 0 1.5rem; max-width: none; padding: 1.1rem; }
.hwayang-knowledge-detail--article-v2 .hwayang-article-lead > span { color: var(--knowledge-blue); flex: 0 0 auto; }
.hwayang-knowledge-detail--article-v2 .hwayang-article-lead h2 { color: var(--knowledge-navy); font-size: .9rem; margin: 0 0 .3rem; }
.hwayang-knowledge-detail--article-v2 .hwayang-article-lead p { font-size: .85rem; line-height: 1.7; }
.hwayang-knowledge-detail--article-v2 .hwayang-knowledge-body { font-size: 1rem; max-width: 800px; overflow-wrap: anywhere; }
.hwayang-knowledge-detail--article-v2 .hwayang-knowledge-body :is(h2,h3) { line-height: 1.45; margin-top: 1.6em; }
.hwayang-knowledge-detail--article-v2 .hwayang-knowledge-body p { line-height: 1.8; margin-bottom: 1rem; }
.hwayang-knowledge-detail--article-v2 .hwayang-history-notice { font-size: .85rem; line-height: 1.7; margin-bottom: 10px; }
.hwayang-knowledge-policy-tip { align-items: flex-start; background: #fff7eb; border: 1px solid #ffe2bc; border-radius: 8px; color: #8b4613; display: flex; gap: .75rem; margin: 1.5rem 0 10px; padding: 1.1rem;width:100%; }
.hwayang-knowledge-policy-tip > .hwayang-icon { flex: 0 0 auto; }
.hwayang-knowledge-policy-tip h2 { color: inherit; font-size: .9rem; margin: 0 0 .3rem; }
.hwayang-knowledge-policy-tip p { font-size: .85rem; line-height: 1.7; margin: 0; }
.hwayang-knowledge-detail--article-v2 .hwayang-share { border: 0; padding: 1.1rem 0 0; }
.hwayang-knowledge-detail--article-v2 .hwayang-share__status:empty { min-height: 0; }
.hwayang-knowledge-detail--article-v2 .hwayang-share h2 { font-size: .9rem; }
.hwayang-knowledge-detail__back { align-items: center; color: var(--wp--custom--hwayang--color--text-primary); display: inline-flex; font-size: .85rem; font-weight: 700; gap: .4rem; margin-top: 1rem; text-decoration: none; }
.hwayang-knowledge-detail__back .hwayang-icon { transform: rotate(180deg); }
.hwayang-knowledge-question-list a { align-items: center; color: var(--knowledge-navy); display: flex; font-size: .85rem; gap: .5rem; justify-content: space-between; line-height: 1.5; min-height: 44px; padding-block: .55rem; text-decoration: none; }
.hwayang-knowledge-question-list a:hover { color: var(--knowledge-blue); }
.hwayang-knowledge-question-list a .hwayang-icon { flex: 0 0 auto; }
.hwayang-knowledge-detail__sidebar .hwayang-knowledge-consultation { align-items: flex-start; display: flex; flex-direction: column; gap: .8rem; margin: 0; padding: 1.4rem; }
body:not(.home) .hwayang-knowledge-detail--article-v2 .hwayang-knowledge-detail__sidebar .hwayang-knowledge-consultation { background-position: center; background-size: cover; }
.hwayang-knowledge-detail__sidebar .hwayang-knowledge-consultation h2 { font-size: 1.05rem; }
.hwayang-knowledge-detail__sidebar .hwayang-knowledge-consultation p { font-size: .85rem; line-height: 1.6; }
.hwayang-knowledge-detail__sidebar .hwayang-knowledge-consultation .hwayang-button { align-self: flex-start; }
.hwayang-knowledge-index--v2 a:focus-visible,
.hwayang-knowledge-detail--article-v2 a:focus-visible { outline: 2px solid var(--knowledge-blue); outline-offset: 2px; }
@media (max-width: 900px) {
	.hwayang-knowledge-index__layout,
	.hwayang-knowledge-detail__layout { grid-template-columns: minmax(0, 1fr); }
	.hwayang-knowledge-index__sidebar,
	.hwayang-knowledge-detail__sidebar { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hwayang-knowledge-index__sidebar .hwayang-faq-consultation { grid-column: 1 / -1; }
	.hwayang-knowledge-detail__sidebar .hwayang-knowledge-consultation { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro > .site-container,
	.hwayang-knowledge-detail--article-v2 .hwayang-page-intro > .site-container { min-height: 150px; padding-block: 1.65rem; }
	body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro > .site-container { padding-block: 1.5rem; }
	body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro h1 { font-size: 1.75rem; }
	body:not(.home) .hwayang-knowledge-index--v2 .hwayang-page-intro .site-container > p:last-child { font-size: .85rem; }
	.hwayang-knowledge-index__sidebar,
	.hwayang-knowledge-detail__sidebar { grid-template-columns: minmax(0, 1fr); }
	.hwayang-knowledge-list-row { gap: .7rem; grid-template-columns: 90px minmax(0, 1fr); padding: .85rem 0; }
	.hwayang-knowledge-list-row h2 { font-size: .95rem; }
	.hwayang-knowledge-list-row__topic { font-size: .68rem; }
	.hwayang-knowledge-list-row__content > p { font-size: .78rem; line-height: 1.5; }
	.hwayang-knowledge-list-row__meta { font-size: .7rem; }
	.hwayang-knowledge-detail__heading h1 { font-size: 1.55rem; }
	.hwayang-knowledge-index__inner,
	.hwayang-knowledge-detail__container { padding-bottom: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
	.hwayang-knowledge-list-row,
	.hwayang-knowledge-list-row__image img { transition: none; }
}