.knowledge-page { min-height: 70vh; padding-bottom: 72px; background: #f7f9fa; }
.knowledge-hero { padding: 64px 0 42px; }
.knowledge-hero .hero-description { max-width: 760px; }
.knowledge-search { max-width: 820px; margin-top: 28px; }
.knowledge-search > label { display: block; margin-bottom: 8px; color: var(--navy); font-size: 14px; font-weight: 800; }
.knowledge-search-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; }
.knowledge-search input { min-width: 0; padding: 14px 16px; border: 1px solid #cbd7dc; border-radius: 11px; background: #fff; color: var(--navy); font: inherit; }
.knowledge-search input:focus { outline: 3px solid rgba(20, 125, 135, .15); border-color: var(--blue); }
.knowledge-search .primary-button, .knowledge-search .secondary-button { width: auto; min-height: 50px; }
.knowledge-status { margin: 10px 0 0; color: var(--muted); font-size: 13px; }
.knowledge-catalog, .knowledge-related, .knowledge-roadmap { padding-top: 34px; }
.knowledge-section-heading { margin-bottom: 20px; }
.knowledge-section-heading h2 { color: var(--navy); font-size: clamp(25px, 3vw, 34px); letter-spacing: -.04em; }
.knowledge-categories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.knowledge-categories button { display: grid; gap: 4px; min-height: 92px; padding: 18px; border: 1px solid #dce5e9; border-radius: 13px; background: #fff; color: #435866; text-align: left; cursor: pointer; }
.knowledge-categories button:hover, .knowledge-categories button:focus-visible { border-color: var(--blue); }
.knowledge-categories button[aria-pressed="true"] { border-color: #168876; background: #eef8f6; box-shadow: inset 0 0 0 1px #168876; }
.knowledge-categories strong { color: var(--navy); font-size: 16px; }
.knowledge-categories span { color: var(--muted); font-size: 12px; }
.knowledge-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.knowledge-card { min-width: 0; padding: 24px; border: 1px solid #e0e8eb; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(22, 51, 66, .05); }
.knowledge-card > p { margin: 0 0 7px; color: #168876; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.knowledge-card h3 { margin: 0 0 8px; color: var(--navy); font-size: 19px; letter-spacing: -.025em; }
.knowledge-card h3 a { color: inherit; }
.knowledge-card h3 a::after { content: " →"; color: #168876; }
.knowledge-card > span { display: block; color: var(--muted); font-size: 14px; line-height: 1.65; }
.knowledge-empty { padding: 42px 24px; border: 1px dashed #bdcbd1; border-radius: 14px; background: #fff; text-align: center; }
.knowledge-empty h3 { margin-bottom: 6px; color: var(--navy); }
.knowledge-empty p { margin: 0; color: var(--muted); }
.knowledge-paths, .knowledge-roadmap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.knowledge-paths article, .knowledge-roadmap-grid article { padding: 26px; border: 1px solid #e0e8eb; border-radius: 14px; background: #fff; }
.knowledge-paths h3, .knowledge-roadmap-grid h3 { margin-bottom: 14px; color: var(--navy); font-size: 18px; }
.knowledge-paths ol { display: grid; gap: 9px; margin: 0; padding-left: 22px; color: #168876; }
.knowledge-paths a { color: #435866; font-size: 14px; font-weight: 700; }
.knowledge-roadmap-grid p { margin: 0; color: var(--muted); font-size: 14px; }
.knowledge-source-note { margin: 16px 0 0; padding: 16px 18px; border-left: 3px solid #9fc7ce; background: #edf5f6; color: #536672; font-size: 13px; }
.knowledge-tools { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 34px; padding-top: 30px; padding-bottom: 30px; border: 1px solid #d7e5e7; border-radius: 16px; background: #eef7f8; }
.knowledge-tools h2 { margin-bottom: 8px; color: var(--navy); font-size: 26px; }
.knowledge-tools p:not(.eyebrow) { max-width: 650px; margin: 0; color: var(--muted); }
.knowledge-tool-links { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.knowledge-tool-links .primary-button, .knowledge-tool-links .secondary-button { width: auto; }
.knowledge-page + .site-footer .section-shell { display: flex; }
@media (max-width: 860px) {
  .knowledge-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-tools { align-items: flex-start; flex-direction: column; }
  .knowledge-tool-links { justify-content: flex-start; }
}
@media (max-width: 700px) {
  .knowledge-hero { padding: 42px 0 28px; }
  .knowledge-search-controls { grid-template-columns: minmax(0, 1fr) auto; }
  .knowledge-search .secondary-button { grid-column: 1 / -1; }
  .knowledge-list, .knowledge-paths, .knowledge-roadmap-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .knowledge-hero h1 { font-size: 34px; }
  .knowledge-categories { grid-template-columns: 1fr; }
  .knowledge-categories button { min-height: 78px; }
  .knowledge-search-controls { grid-template-columns: 1fr; }
  .knowledge-search .primary-button, .knowledge-search .secondary-button { grid-column: auto; width: 100%; }
  .knowledge-tool-links { width: 100%; }
  .knowledge-tool-links a { width: 100% !important; }
}