/* Technical references: topic-led browsing and one clear contact hierarchy. */
.inner-page.page-knowledge-center .page-hero { min-height: 0; background: #fff; border-bottom: 1px solid var(--line); }
.inner-page.page-knowledge-center .page-hero-content { padding-block: 28px 32px; }
.inner-page.page-knowledge-center .page-hero h1 { max-width: 980px; margin-bottom: 12px; font-size: clamp(30px,3.4vw,44px); line-height: 1.17; }
.page-knowledge-center .page-lede { max-width: 640px; margin-bottom: 20px; color: var(--muted); font-size: 15px; line-height: 1.7; }
.page-knowledge-center .page-actions { align-items: center; gap: 10px 24px; }
.page-knowledge-center .page-actions .button { min-width: 0; max-width: 100%; white-space: normal; }
.page-knowledge-center .page-actions .text-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent); }
.knowledge-topics { display: flex; flex-wrap: wrap; align-items: center; gap: 0 28px; padding-block: 10px; border-bottom: 1px solid var(--line); }
.knowledge-topics a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: 13px; text-underline-offset: 5px; }
.knowledge-topics a:hover { color: var(--accent); }
.knowledge-topic,.page-knowledge-center .faq-section { scroll-margin-top: 108px; padding-block: 42px; }
.knowledge-topic + .knowledge-topic { border-top: 1px solid var(--line); }
.knowledge-topic-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 64px; align-items: start; }
.knowledge-topic-copy h2,.page-knowledge-center .faq-section h2 { margin: 0 0 14px; font-size: clamp(24px,2.2vw,30px); line-height: 1.3; letter-spacing: -.025em; }
.knowledge-topic-copy p { max-width: 40ch; margin: 0 0 16px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.knowledge-topic-copy .text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
.knowledge-guides { min-width: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.knowledge-guides li { margin: 0; padding: 0; border-bottom: 1px solid var(--line); }
.knowledge-guides a { position: relative; display: block; min-height: 70px; padding: 15px 28px 15px 0; color: var(--ink); text-decoration: none; transition: color .15s ease; }
.knowledge-guides a::after { content: ''; position: absolute; top: 20px; right: 0; width: 17px; height: 17px; background: currentColor; mask: url('../../assets/icons/arrow-up-right.svg') center/contain no-repeat; transition: transform .15s ease; }
.knowledge-guide-title { display: block; font-size: 15px; font-weight: 650; line-height: 1.5; }
.knowledge-guide-note { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.knowledge-guides a:hover { color: var(--accent); }
.knowledge-guides a:hover::after { transform: translate(1px,-1px); }
.page-knowledge-center main a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.page-knowledge-center .faq-section { padding-top: 16px; }
.page-knowledge-center .faq-section .inner-faq { max-width: 900px; }
.page-knowledge-center .page-contact { background: var(--paper); padding-block: 38px; }
.page-knowledge-center .page-contact h2 { font-size: clamp(25px,2.4vw,32px); }
.page-knowledge-center .page-contact p { max-width: 56ch; color: var(--muted); font-size: 14px; }
/* Reading and link targets use the full page grid. */
:is(.page-knowledge-center,.page-supplier-guide) { --reference-contact-space: 0px; }
.page-knowledge-center .page-hero-content,
.page-knowledge-center .knowledge-topics,
.page-knowledge-center .knowledge-topic-grid,
.page-knowledge-center .faq-section > .page-width,
.page-knowledge-center .page-contact > .page-width,
.page-supplier-guide .page-hero-content,
.page-supplier-guide .inner-section > .page-width,
.page-supplier-guide .page-contact > .page-width,
:is(.page-knowledge-center,.page-supplier-guide) .footer-top > p,
:is(.page-knowledge-center,.page-supplier-guide) .footer-bottom .ruo { padding-right: var(--reference-contact-space); }
@media(max-width:1000px) { .knowledge-topic-grid { gap: 32px; } }
@media(max-width:760px) {
 :is(.page-knowledge-center,.page-supplier-guide) { --reference-contact-space: 0px; }
 .inner-page.page-knowledge-center .page-hero-content { padding-block: 22px 24px; }
 .page-knowledge-center .page-lede { font-size: 14px; }
 .knowledge-topics { gap: 0 22px; padding-block: 8px; }
 .knowledge-topic,.page-knowledge-center .faq-section { padding-block: 30px; }
 .knowledge-topic-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
 .knowledge-topic-copy p { max-width: none; }
 .knowledge-guides a { padding-right: 23px; }
 .page-knowledge-center .page-actions { align-items: flex-start; }
 .page-knowledge-center .page-contact-copy { display: block; }
 .page-knowledge-center .page-contact { padding-block: 30px; }
}
@media(prefers-reduced-motion:reduce) { .knowledge-guides a,.knowledge-guides a::after { transition: none; } }