/* Knowledge guide pages: native Prostore palette and typography, page-scoped. */
.knowledge-hub { --kh-border: #e2e2ec; --kh-muted: #62626e; --kh-paper: #fff; }
.knowledge-hub .knowledge-hub__content { padding-top: 1rem; }
.knowledge-hub .knowledge-hub__welcome { max-width: 86rem; margin: 0 0 4rem; }
.knowledge-hub .knowledge-hub__welcome h2 { margin: 0 0 1.6rem; font-size: 3.6rem; line-height: 1.15; font-weight: 500; letter-spacing: -.035rem; }
.knowledge-hub .knowledge-hub__welcome p { margin: 0; max-width: 74rem; font-size: 1.8rem; line-height: 1.55; color: var(--kh-muted); }
.knowledge-hub .knowledge-hub__browse { display: inline-flex; align-items: center; min-height: 44px; margin-top: 1.2rem; color: var(--theme-primary-color, #d60055); font-size: 1.5rem; text-decoration: underline; text-underline-offset: .3rem; }
.knowledge-hub .knowledge-hub__guides { margin-bottom: 6rem; scroll-margin-top: 2rem; }
.knowledge-hub .knowledge-hub__guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; padding: 0; margin: 0; list-style: none; }
.knowledge-hub .knowledge-hub__guide-grid > li { min-width: 0; margin: 0; padding: 0; }
.knowledge-hub .knowledge-hub__guide-card { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid transparent; border-radius: 1.2rem; background: var(--kh-paper); color: inherit; text-decoration: none; transition: border-color .15s ease; }
.knowledge-hub .knowledge-hub__guide-card:hover { border-color: var(--theme-primary-color, #d60055); }
.knowledge-hub .knowledge-hub__guide-image { display: flex; align-items: center; justify-content: center; height: 19rem; padding: 2rem 3rem 0; background: #fff; }
.knowledge-hub .knowledge-hub__guide-image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.knowledge-hub .knowledge-hub__guide-image--editorial { height: auto; aspect-ratio: 16 / 9; padding: 0; overflow: hidden; background: #f4f4f8; }
.knowledge-hub .knowledge-hub__guide-image--editorial img { object-fit: cover; object-position: center; mix-blend-mode: normal; }
.knowledge-hub .knowledge-hub__guide-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 2rem 4.8rem 2.4rem 2.4rem; }
.knowledge-hub .knowledge-hub__guide-count { margin-bottom: .8rem; color: var(--kh-muted); font-size: 1.3rem; line-height: 1.4; }
.knowledge-hub .knowledge-hub__guide-name { margin: 0 0 .8rem; font-size: 2.3rem; line-height: 1.2; font-weight: 500; overflow-wrap: anywhere; }
.knowledge-hub .knowledge-hub__guide-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.5rem; line-height: 1.5; color: var(--kh-muted); }
.knowledge-hub .knowledge-hub__guide-arrow { position: absolute; right: 2rem; bottom: 2.4rem; color: var(--theme-primary-color, #d60055); }
.knowledge-hub .knowledge-hub__guide-card:focus-visible { outline: 2px solid var(--theme-primary-color, #d60055); outline-offset: 4px; }
.knowledge-hub--detail .knowledge-hub__intro { max-width: 80rem; margin-bottom: 4rem; }
.knowledge-hub--detail .knowledge-hub__intro-copy { font-size: 1.6rem; line-height: 1.55; max-width: 80rem; }
.knowledge-hub .knowledge-hub__topics { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2rem 0 0; }
.knowledge-hub .knowledge-hub__topics a { display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; padding: 1rem 1.4rem; border: 1px solid var(--kh-border); border-radius: .6rem; background: #fff; color: inherit; font-size: 1.5rem; text-decoration: none; }
.knowledge-hub .knowledge-hub__topics a:hover { border-color: var(--theme-primary-color, #d60055); color: var(--theme-primary-color, #d60055); }
.knowledge-hub .knowledge-hub__topics span { color: var(--kh-muted); font-size: 1.3rem; }
.knowledge-hub .knowledge-hub__section { margin-bottom: 4.8rem; }
.knowledge-hub .knowledge-hub__section-title { margin-bottom: 2rem; }
.knowledge-hub .knowledge-hub__articles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem; width: auto; margin: 0; padding: 0; list-style: none; }
.knowledge-hub .knowledge-hub__articles > li { display: flex; flex: none; width: auto; max-width: none; min-width: 0; margin: 0; padding: 0; }
.knowledge-hub .knowledge-hub__article { display: flex; flex-direction: column; align-items: stretch; width: 100%; min-width: 0; height: 100%; margin: 0; padding: 2.4rem; border-radius: 1.2rem; background: var(--kh-paper); }
.knowledge-hub .knowledge-hub__article-image { display: block; height: auto; aspect-ratio: 16 / 9; margin-bottom: 1.8rem; overflow: hidden; border-radius: .8rem; background: #f4f4f8; }
.knowledge-hub .knowledge-hub__article-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.knowledge-hub .knowledge-hub__article-date { margin: 0 0 1rem; color: var(--kh-muted); font-size: 1.3rem; line-height: 1.4; }
.knowledge-hub .knowledge-hub__article-title { margin: 0 0 1.2rem; font-size: 2rem; line-height: 1.3; font-weight: 500; }
.knowledge-hub .knowledge-hub__article-heading { display: block; color: inherit; font: inherit; text-decoration: none; overflow-wrap: break-word; }
.knowledge-hub .knowledge-hub__article-heading:hover { color: var(--theme-primary-color, #d60055); }
.knowledge-hub .knowledge-hub__article-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 1.2rem; font-size: 1.5rem; line-height: 1.5; color: var(--kh-muted); }
.knowledge-hub .knowledge-hub__article-author { margin: 0 0 .4rem; color: var(--kh-muted); font-size: 1.4rem; line-height: 1.4; }
.knowledge-hub .knowledge-hub__article-author a { min-height: 24px; padding: .2rem 0; }
.knowledge-hub .knowledge-hub__article-link { display: inline-flex; align-items: center; align-self: flex-start; min-height: 44px; margin-top: auto; padding: .8rem 0 0; }
@media (min-width: 1200px) {
 .knowledge-hub .knowledge-hub__articles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
 .knowledge-hub .knowledge-hub__articles { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
 .knowledge-hub .knowledge-hub__article { padding: 2rem; }
 .knowledge-hub .knowledge-hub__article-title { font-size: 1.9rem; }
}
@media (max-width: 991px) {
 .knowledge-hub .knowledge-hub__guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .knowledge-hub .knowledge-hub__guide-image { height: 17rem; }
 .knowledge-hub .knowledge-hub__guide-image--editorial { height: auto; }
}
@media (max-width: 575px) {
 .knowledge-hub .knowledge-hub__welcome { margin-bottom: 3rem; }
 .knowledge-hub .knowledge-hub__welcome h2 { font-size: 2.7rem; line-height: 1.2; }
 .knowledge-hub .knowledge-hub__welcome p { font-size: 1.6rem; }
 .knowledge-hub .knowledge-hub__guide-grid { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; }
 .knowledge-hub .knowledge-hub__guide-card { flex-direction: row; align-items: center; min-height: 17rem; }
 .knowledge-hub .knowledge-hub__guide-image { flex: 0 0 10rem; width: 10rem; height: 13rem; padding: 1rem 0 1rem 1.2rem; }
 .knowledge-hub .knowledge-hub__guide-image--editorial { align-self: stretch; height: auto; aspect-ratio: auto; padding: 0; }
 .knowledge-hub .knowledge-hub__guide-content { padding: 2rem 3.8rem 2rem 1.6rem; }
 .knowledge-hub .knowledge-hub__guide-name { font-size: 1.9rem; }
 .knowledge-hub .knowledge-hub__guide-description { font-size: 1.4rem; line-height: 1.4; }
 .knowledge-hub .knowledge-hub__guide-arrow { right: 1.2rem; bottom: 1.6rem; width: 20px; height: 20px; }
 .knowledge-hub .knowledge-hub__intro-title { font-size: 2.2rem; }
 .knowledge-hub .knowledge-hub__topics { gap: .6rem; }
 .knowledge-hub .knowledge-hub__topics a { font-size: 1.4rem; padding: .8rem 1rem; }
}
@media (prefers-reduced-motion: reduce) { .knowledge-hub .knowledge-hub__guide-card { transition: none; } }