/* Local wayfinding for the existing reading index. */
.knowledge-page [hidden] { display: none !important; }
.knowledge-tools { margin-top: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.knowledge-search { max-width: 580px; }
.knowledge-search label { display: block; margin-bottom: 9px; color: var(--ink); font-size: 15px; font-weight: 650; }
.knowledge-search-field { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 52px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper-bright); }
.knowledge-search-field > svg { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: var(--ink-soft); stroke-width: 1.6; }
.knowledge-search input { width: 100%; min-width: 0; min-height: 50px; padding: 10px 0; border: 0; border-radius: 0; background: transparent; color: var(--ink); font: inherit; font-size: 16px; line-height: 1.4; caret-color: var(--orange-dark); appearance: none; }
.knowledge-search input::-webkit-search-cancel-button { appearance: none; }
.knowledge-search input::placeholder { color: var(--ink-soft); opacity: 1; }
.knowledge-search input:focus { outline: none; }
.knowledge-search-field:focus-within { outline: 2px solid var(--orange-dark); outline-offset: 3px; }
.knowledge-clear, .knowledge-reset { min-height: 44px; padding: 8px 4px; border: 0; background: transparent; color: var(--orange-dark); font: inherit; font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.knowledge-clear { flex: 0 0 auto; }
.knowledge-clear:hover, .knowledge-reset:hover { color: var(--ink); }
.knowledge-clear:focus-visible, .knowledge-reset:focus-visible, .knowledge-filters button:focus-visible { outline: 2px solid var(--orange-dark); outline-offset: 4px; }
.knowledge-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.knowledge-filters button { min-height: 44px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: var(--ink-soft); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.45; cursor: pointer; }
.knowledge-filters button:hover { background: var(--paper-bright); color: var(--ink); }
.knowledge-filters button[aria-pressed="true"] { border-color: var(--action); background: var(--action); color: #fff; }
.knowledge-filters button[aria-pressed="true"]:hover { border-color: var(--action-hover); background: var(--action-hover); }
.knowledge-status { min-height: 24px; margin: 15px 0 0; color: var(--ink-soft); font-size: 14px; line-height: 1.5; }
.knowledge-page .topic-card { scroll-margin-top: 100px; }
.knowledge-empty { padding: 44px 0 24px; }
.knowledge-empty h2 { margin: 0; font-size: 28px; line-height: 1.2; text-wrap: balance; }
.knowledge-empty p { margin: 14px 0 8px; color: var(--ink-soft); line-height: 1.6; }
@media (max-width: 600px) {
  .knowledge-tools { margin-top: 24px; padding-bottom: 18px; }
  .knowledge-search-field { gap: 8px; padding: 0 10px; }
  .knowledge-search input { font-size: 16px; }
  .knowledge-filters { gap: 8px; margin-top: 16px; }
  .knowledge-filters button { padding: 9px 11px; }
  .knowledge-page .topic-card { scroll-margin-top: 84px; }
  .knowledge-empty { padding-top: 32px; }
}