@layer components {
  .knowledge-workspace { max-width: 1120px; margin-inline: auto; }
  .knowledge-workspace .page-heading { gap: 1.5rem; }
  .knowledge-workspace .page-heading h1, .knowledge-detail h1 { line-height: 1.12; text-wrap: balance; }
  .knowledge-library-filters { padding: 1.25rem 1.5rem 0; display: flex; gap: 1rem; align-items: end; flex-wrap: wrap; }
  .knowledge-library-filters .field { flex: 1 1 14rem; margin: 0; }
  .knowledge-library-filters .field:first-child { flex-grow: 2; }
  .knowledge-library-filters .text-link { min-height: 44px; display: inline-flex; align-items: center; }
  .knowledge-result-count { margin: 1rem 1.5rem; font-size: .875rem; color: var(--muted); }
  .knowledge-workspace .knowledge-row { padding-block: 1.4rem; align-items: center; gap: 1.5rem; }
  .knowledge-row > span:first-child { min-width: 0; }
  .knowledge-row strong { font-size: 1.06rem; line-height: 1.4; }
  .knowledge-row small { display: block; margin-top: .3rem; font-size: .82rem; }
  .knowledge-row-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 70ch; margin-top: .5rem; color: var(--muted); font-size: .9rem; line-height: 1.5; }
  .knowledge-row-state { display: grid; gap: .4rem; justify-items: start; max-width: 13rem; }
  .knowledge-baselines > summary, .knowledge-history > summary, .knowledge-management > summary, .knowledge-contents summary, .knowledge-import-selection > summary { min-height: 48px; padding-block: .75rem; cursor: pointer; font-weight: 700; }
  .knowledge-baselines > summary { padding: 1.25rem 1.5rem; }
  .knowledge-baseline-content { padding-bottom: 1rem; }
  .knowledge-bundle { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .knowledge-bundle form { display: grid; justify-items: start; gap: 1rem; }
  .knowledge-bundle label { display: flex; gap: .6rem; align-items: start; padding-block: .45rem; line-height: 1.5; }
  .knowledge-bundle input[type="checkbox"] { flex: none; margin-top: .2rem; }
  .knowledge-import-selection { margin-top: 1rem; }
  .knowledge-import-selection fieldset { display: grid; gap: .25rem; }
  .knowledge-detail { max-width: 960px; }
  .knowledge-workflow { padding: 1.5rem; }
  .knowledge-workflow h2 { font-family: var(--font-sans); font-size: 1.1rem; font-weight: 700; line-height: 1.4; }
  .knowledge-workflow > p { max-width: 70ch; margin-top: .5rem; }
  .knowledge-visibility { font-weight: 600; color: var(--navy); }
  .knowledge-workflow .knowledge-actions { margin-top: 1rem; padding: 1rem 0 0; }
  .knowledge-review-content { max-width: 720px; margin: 2.5rem auto; }
  .knowledge-review-content > header { margin-bottom: 1.5rem; }
  .knowledge-review-content h2 { line-height: 1.2; }
  .knowledge-authorship { color: var(--muted); margin-top: .65rem; font-size: .875rem; }
  .knowledge-review-content .knowledge-preview { padding: 0; }
  .knowledge-preview h3 { scroll-margin-top: 2rem; }
  .knowledge-history, .knowledge-management { border-top: 1px solid var(--line-strong); margin-top: 1.5rem; }
  .knowledge-management .knowledge-danger-actions { margin-top: 1rem; }
  .knowledge-contents { margin: 1.5rem 0 2rem; border-block: 1px solid var(--line-strong); }
  .knowledge-contents ol { margin: 0; padding: 0 0 1rem 1.5rem; }
  .knowledge-contents a { display: inline-flex; align-items: center; min-height: 44px; color: var(--coral-ink); line-height: 1.4; }
  .article-heading > p:first-child { font-family: var(--font-sans); font-size: .875rem; letter-spacing: 0; text-transform: none; line-height: 1.5; }
  .article-heading h1 { line-height: 1.12; text-wrap: balance; }
  .article-page h2 { scroll-margin-top: 2rem; }
  .knowledge-reading-footer { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--line-strong); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
  .knowledge-reading-footer a { display: inline-flex; align-items: center; min-height: 48px; }
  .knowledge-workspace, .knowledge-detail, .article-page { overflow-wrap: anywhere; }
  @media (max-width: 640px) {
    .knowledge-workspace .page-heading { align-items: stretch; }
    .knowledge-library-filters { padding-inline: 1rem; }
    .knowledge-workspace .knowledge-row { grid-template-columns: minmax(0, 1fr); gap: .85rem; }
    .knowledge-row-state { display: flex; flex-wrap: wrap; align-items: center; max-width: none; gap: .7rem; }
    .knowledge-workspace .knowledge-row .chevron { display: none; }
    .knowledge-workflow { padding: 1.15rem; }
    .knowledge-actions > form, .knowledge-actions > a { width: 100%; }
    .knowledge-actions .button { width: 100%; }
    .knowledge-contents a { min-height: 48px; }
  }
}