/* Existing SFTC palette and compact, left-aligned business typography. */
.knowledge-page, .knowledge-dialog { --knowledge-green: #008b3e; --knowledge-line: #e4e9e6; --knowledge-muted: #65736b; color: #293b30; }
.knowledge-page *, .knowledge-dialog * { min-width: 0; }
.knowledge-page { font-size: 13px; }
.knowledge-head { margin-bottom: 21px; }
.knowledge-head h1 { font-size: 26px; letter-spacing: -.9px; }
.knowledge-head p { margin-top: 8px; font-size: 13px; color: var(--knowledge-muted); }
.knowledge-head .head-actions { flex-wrap: wrap; }
.knowledge-page .btn, .knowledge-dialog .btn { font-size: 12px; gap: 7px; }
.knowledge-page .btn.primary, .knowledge-dialog .btn.primary { background: #009744; border-color: #009744; color: #fff; }
.knowledge-page .btn.primary:hover, .knowledge-dialog .btn.primary:hover { background: #007e39; border-color: #007e39; }
.knowledge-page .icon, .knowledge-dialog .icon { width: 17px; height: 17px; flex: 0 0 17px; }
.knowledge-page :focus-visible, .knowledge-dialog :focus-visible { outline: 3px solid #48a675; outline-offset: 3px; }
.knowledge-page button:disabled, .knowledge-dialog button:disabled { cursor: default; }
.knowledge-page input[type=checkbox], .knowledge-dialog input[type=checkbox] { width: 17px; height: 17px; accent-color: #009744; cursor: pointer; flex: 0 0 17px; }
.knowledge-notice { display: flex; gap: 11px; padding: 13px 16px; margin-bottom: 23px; border: 1px solid #dce8df; background: #f4f9f5; border-radius: 4px; }
.knowledge-notice > .icon { margin-top: 3px; color: #45855d; }
.knowledge-notice p { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 16px; font-size: 11px; }
.knowledge-notice strong { color: #3e6850; white-space: nowrap; }
.knowledge-notice span { color: #63766b; }
.knowledge-workspace { border: 1px solid var(--knowledge-line); border-radius: 5px; background: #fff; overflow: hidden; }
.knowledge-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 21px 23px; border-bottom: 1px solid var(--knowledge-line); }
.knowledge-toolbar h2, .knowledge-subhead h2 { font-size: 15px; letter-spacing: -.3px; }
.knowledge-toolbar h2 > span, .knowledge-subhead h2 > span { font-size: 13px; margin-left: 7px; color: #008d40; }
.knowledge-toolbar p, .knowledge-subhead p { margin-top: 6px; font-size: 11px; color: var(--knowledge-muted); }
.knowledge-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.knowledge-search { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 10px; width: 255px; border: 1px solid #dce4df; border-radius: 4px; background: #fff; }
.knowledge-search > .icon { color: #7b9182; width: 16px; }
.knowledge-search input { width: 100%; min-height: 34px; border: 0; padding: 5px 0; font-size: 12px; background: transparent; color: #304c3a; }
.knowledge-search input:focus { outline: none; }
.knowledge-search:focus-within { outline: 3px solid #48a675; outline-offset: 2px; }
.knowledge-filters select { background: #fff; border: 1px solid #dce4df; border-radius: 4px; color: #506557; font-size: 12px; min-height: 36px; max-width: 200px; padding: 6px 9px; }
.knowledge-selection-strip { min-height: 49px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 23px; background: #fafcfb; border-bottom: 1px solid #edf1ee; color: #64766b; font-size: 11px; }
.knowledge-selection-strip strong { color: #008c3f; }
.knowledge-selection-strip > div { display: flex; align-items: center; gap: 9px; }
.knowledge-selection-strip .btn { font-size: 11px; min-height: 31px; }
.knowledge-table-scroll { position: relative; max-width: 100%; overflow: auto; }
.knowledge-recipe-table, .knowledge-item-table { width: 100%; border-collapse: collapse; text-align: left; }
.knowledge-recipe-table { min-width: 800px; }
.knowledge-recipe-table th { color: #6b7e70; background: #f8faf9; font-weight: 500; font-size: 11px; padding: 13px 15px; border-bottom: 1px solid var(--knowledge-line); }
.knowledge-recipe-table td { padding: 20px 15px; border-bottom: 1px solid #edf0ee; vertical-align: middle; font-size: 12px; }
.knowledge-recipe-table tr:last-child td { border-bottom: 0; }
.knowledge-recipe-table th:first-child, .knowledge-recipe-table td:first-child { padding-left: 23px; width: 50px; }
.knowledge-recipe-table td:nth-child(2) { width: 37%; }
.knowledge-recipe-table td:nth-child(3) { width: 24%; }
.knowledge-recipe-table td:last-child { padding-right: 20px; }
.knowledge-recipe-table tr.selected { background: #f1f9f4; }
.knowledge-title-button { border: 0; background: none; padding: 0; color: #304e3b; font-size: 14px; font-weight: 700; line-height: 1.7; text-align: left; overflow-wrap: anywhere; }
.knowledge-title-button:hover { color: #00893e; text-decoration: underline; text-underline-offset: 3px; }
.knowledge-row-description { font-size: 12px; color: #65766b; margin: 5px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; max-width: 440px; }
.knowledge-caption { color: var(--knowledge-muted); font-size: 11px; line-height: 1.8; }
.knowledge-process { color: #4e6858; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.knowledge-tags { display: flex; gap: 5px 9px; flex-wrap: wrap; margin-top: 7px; color: #658270; font-size: 11px; }
.knowledge-tags span { overflow-wrap: anywhere; }
.knowledge-badge { display: inline-flex; border: 1px solid #e0e5e1; background: #f7f9f8; color: #67786e; padding: 3px 7px; font-size: 10px; line-height: 1.5; white-space: nowrap; border-radius: 3px; }
.knowledge-badge.green { background: #edf8f1; border-color: #d5e9dc; color: #29824b; }
.knowledge-date { font-size: 11px !important; color: #738379; white-space: nowrap; }
.knowledge-list-foot { border-top: 1px solid var(--knowledge-line); padding: 13px 23px; color: #6b7c71; font-size: 11px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.knowledge-bottom-note { display: flex; align-items: flex-start; gap: 9px; color: #6d7f73; margin-top: 19px; font-size: 11px; }
.knowledge-bottom-note > .icon { margin-top: 2px; }
.knowledge-bottom-note p { max-width: 880px; }
.knowledge-bottom-note a { color: #087c39; text-decoration: underline; text-underline-offset: 3px; }
.knowledge-empty, .knowledge-loading { padding: 54px 25px; text-align: center; color: #6c8174; font-size: 13px; }
.knowledge-empty h3 { font-size: 14px; color: #4b6655; margin-bottom: 9px; }
.knowledge-empty p { font-size: 12px; margin-bottom: 15px; }
.knowledge-empty button { margin-top: 8px; }
.knowledge-dialog { width: min(780px, calc(100vw - 28px)); max-height: calc(100dvh - 36px); border: 1px solid #dce6df; border-radius: 6px; overscroll-behavior: contain; }
.knowledge-dialog .dialog-head { padding: 21px 24px; }
.knowledge-dialog .dialog-head h2 { font-size: 20px; color: #304d3a; line-height: 1.5; overflow-wrap: anywhere; }
.knowledge-dialog .dialog-head p { color: var(--knowledge-muted); font-size: 12px; margin-top: 7px; line-height: 1.8; }
.knowledge-dialog .dialog-body { padding: 24px; }
.knowledge-dialog .dialog-foot { padding: 17px 24px; gap: 12px; flex-wrap: wrap; }
.knowledge-dialog .dialog-foot .actions { flex-wrap: wrap; gap: 8px; }
.knowledge-dialog input, .knowledge-dialog select, .knowledge-dialog textarea, .knowledge-dialog button, .knowledge-dialog [tabindex] { scroll-margin-top: 125px; scroll-margin-bottom: 100px; }
.knowledge-recipe-meta { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; color: #65796b; font-size: 11px; }
.knowledge-recipe-meta > span:not(.knowledge-badge) { overflow-wrap: anywhere; }
.knowledge-text-section { margin-top: 25px; }
.knowledge-text-section h3, .knowledge-field-head h3, .knowledge-meeting-selection h3 { font-size: 13px; color: #385b43; margin-bottom: 11px; }
.knowledge-text-section > p, .knowledge-frozen-experiment p { font-size: 13px; color: #4d6456; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; }
.knowledge-text-section > p.knowledge-caption { font-size: 11px; color: var(--knowledge-muted); }
.knowledge-item-table { min-width: 400px; border: 1px solid var(--knowledge-line); font-size: 12px; }
.knowledge-item-table th, .knowledge-item-table td { padding: 10px 13px; border-bottom: 1px solid #e5ece7; line-height: 1.8; overflow-wrap: anywhere; }
.knowledge-item-table thead th { background: #f5f9f6; color: #597161; font-size: 11px; font-weight: 500; }
.knowledge-item-table tbody th { width: 35%; font-weight: 500; }
.knowledge-item-table td:last-child { width: 20%; }
.knowledge-related { display: flex; align-items: center; width: 100%; gap: 11px; border: 1px solid #e1e9e3; padding: 13px; background: #fafcfb; border-radius: 4px; color: #43624d; text-align: left; margin-top: 8px; font-size: 12px; }
.knowledge-related:hover { background: #f0f7f2; border-color: #b3d8c0; }
.knowledge-related > span { flex: 1; overflow-wrap: anywhere; line-height: 1.7; }
.knowledge-related small { display: block; font-size: 10px; color: #6c8274; margin-top: 3px; }
.knowledge-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.knowledge-full { grid-column: 1 / -1; }
.knowledge-dialog .form-field { gap: 8px; }
.knowledge-dialog .form-field > label { color: #445f4e; font-size: 12px; }
.knowledge-dialog .form-field input, .knowledge-dialog .form-field select, .knowledge-dialog .form-field textarea { font-size: 13px; color: #344f3e; border-color: #d9e4dc; background: #fff; border-radius: 4px; scroll-margin-top: 100px; scroll-margin-bottom: 100px; }
.knowledge-dialog .form-field textarea { line-height: 1.8; resize: vertical; min-height: 85px; }
.knowledge-required { font-size: 10px; color: #008b3e; margin-left: 4px; }
.knowledge-field-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.knowledge-field-head h3 { margin: 0; }
.knowledge-items-editor { display: grid; gap: 10px; margin-top: 12px; }
.knowledge-item-row { display: grid; grid-template-columns: 1.15fr 1fr 90px 32px; align-items: end; gap: 9px; border: 1px solid #e1e9e3; background: #f8fbf9; padding: 12px; border-radius: 4px; }
.knowledge-item-row label { display: grid; gap: 7px; color: #65796b; font-size: 10px; }
.knowledge-item-row input { width: 100%; padding: 9px; border: 1px solid #dce6df; border-radius: 3px; background: #fff; color: #3c5846; font-size: 12px; }
.knowledge-item-row > button { margin-bottom: 2px; }
.knowledge-choice-field { margin: 0; padding: 0; border: 0; }
.knowledge-choice-field legend { font-size: 12px; color: #445f4e; margin-bottom: 8px; }
.knowledge-choice-list { display: grid; max-height: 210px; overflow: auto; border: 1px solid #e1e9e3; border-radius: 4px; margin-top: 10px; overscroll-behavior: contain; }
.knowledge-choice-list > label { padding: 12px; display: flex; gap: 10px; align-items: center; cursor: pointer; border-bottom: 1px solid #edf1ee; }
.knowledge-choice-list > label:last-child { border-bottom: 0; }
.knowledge-choice-list > label:has(:checked) { background: #eff8f2; }
.knowledge-choice-list > label span { display: grid; gap: 5px; }
.knowledge-choice-list strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.knowledge-choice-list small { font-size: 10px; color: var(--knowledge-muted); overflow-wrap: anywhere; }
.knowledge-choice-list > .knowledge-caption { padding: 14px; }
.knowledge-form-error { color: #ac362f; font-size: 12px; line-height: 1.8; margin-top: 13px; white-space: pre-wrap; }
.knowledge-form-error:empty { margin: 0; }
.knowledge-discard { background: #fff8ee; border: 1px solid #e9d9bd; display: flex; align-items: center; gap: 8px; padding: 12px; flex-wrap: wrap; margin-top: 15px; font-size: 12px; }
.knowledge-discard p { flex: 1 1 100%; color: #886331; }
.knowledge-revision { border: 1px solid #dfe8e2; border-radius: 4px; margin-top: 12px; overflow: hidden; }
.knowledge-revision > summary { padding: 14px 16px; font-size: 12px; background: #f7faf8; cursor: pointer; color: #456650; overflow-wrap: anywhere; }
.knowledge-revision > summary span { margin-left: 10px; color: #6d8174; font-size: 11px; }
.knowledge-revision > div { padding: 18px; border-top: 1px solid #e4ece6; }
.knowledge-category-tabs { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.knowledge-category-tabs button { padding: 8px 11px; border: 0; background: none; color: #6b8072; border-radius: 4px; font-size: 12px; }
.knowledge-category-tabs button:hover { background: #f3f8f4; }
.knowledge-category-tabs button.active { color: #00893e; font-weight: 700; background: #eaf7ef; }
.knowledge-community-layout { display: grid; grid-template-columns: 340px minmax(0, 1fr); min-height: 500px; }
.knowledge-post-list { border-right: 1px solid var(--knowledge-line); background: #fafcfb; }
.knowledge-list-label { padding: 15px 21px; color: #6c8073; font-size: 11px; border-bottom: 1px solid var(--knowledge-line); }
.knowledge-post-preview { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; background: transparent; border: 0; border-bottom: 1px solid #e7ede9; padding: 20px 21px; text-align: left; width: 100%; }
.knowledge-post-preview:hover { background: #f2f8f4; }
.knowledge-post-preview.selected { background: #edf8f1; box-shadow: inset 3px 0 #009744; }
.knowledge-post-preview > strong { color: #385940; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.knowledge-post-category { color: #148747; font-size: 11px; font-weight: 600; }
.knowledge-post-excerpt { color: #6c8073; font-size: 12px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.knowledge-post-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; font-size: 10px; color: #718477; line-height: 1.8; }
.knowledge-post-reader { padding: 27px 29px; }
.knowledge-post-reader > article > h2 { font-size: 21px; line-height: 1.6; margin: 10px 0; color: #304f3b; overflow-wrap: anywhere; }
.knowledge-post-body { white-space: pre-wrap; overflow-wrap: anywhere; color: #4d6655; line-height: 2; margin-top: 25px; font-size: 13px; }
.knowledge-comments { border-top: 1px solid #e3ece6; padding-top: 21px; margin-top: 30px; }
.knowledge-comments > .knowledge-caption { margin-top: 15px; }
.knowledge-comment { border-bottom: 1px solid #eaf0ec; padding: 18px 0; }
.knowledge-comment:last-child { border: 0; padding-bottom: 0; }
.knowledge-comment > p { font-size: 12px; color: #4d6857; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 8px; }
.knowledge-comment strong { color: #46634f; font-size: 11px; }
.knowledge-meeting-layout { display: grid; grid-template-columns: 365px minmax(0, 1fr); gap: 20px; align-items: start; }
.knowledge-subhead { padding: 21px 23px; border-bottom: 1px solid var(--knowledge-line); }
.knowledge-picker-search { padding: 16px 19px; border-bottom: 1px solid var(--knowledge-line); }
.knowledge-picker-search .knowledge-search { width: 100%; }
.knowledge-picker-list { max-height: 470px; overflow: auto; overscroll-behavior: contain; }
.knowledge-meeting-recipe { display: flex; align-items: center; gap: 5px; padding: 16px 18px; border-bottom: 1px solid #e8eee9; }
.knowledge-meeting-recipe:last-child { border-bottom: 0; }
.knowledge-meeting-recipe.selected { background: #f0f9f3; }
.knowledge-meeting-recipe > label { display: flex; align-items: flex-start; gap: 11px; cursor: pointer; flex: 1; }
.knowledge-meeting-recipe > label input { margin-top: 3px; }
.knowledge-meeting-recipe > label > span { display: grid; gap: 5px; }
.knowledge-meeting-recipe strong { font-size: 12px; font-weight: 600; color: #3a5b44; overflow-wrap: anywhere; line-height: 1.7; }
.knowledge-meeting-recipe small { font-size: 10px; color: #6a8072; overflow-wrap: anywhere; }
.knowledge-picker-footer { border-top: 1px solid var(--knowledge-line); padding: 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.knowledge-picker-footer > p { flex-basis: 100%; color: #3d7051; font-weight: 600; font-size: 12px; }
.knowledge-text-button { background: none; border: 0; padding: 5px 0; color: #378a54; font-size: 11px; }
.knowledge-text-button:hover { text-decoration: underline; text-underline-offset: 3px; }
.knowledge-meeting-entry { padding: 24px; border-bottom: 1px solid var(--knowledge-line); }
.knowledge-meeting-entry:last-child { border: 0; }
.knowledge-meeting-date { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; color: #738779; font-size: 11px; }
.knowledge-meeting-entry > p { margin-top: 8px; color: #667e6e; font-size: 12px; line-height: 1.9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; white-space: pre-wrap; }
.knowledge-meeting-entry-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 20px; color: #6c8073; font-size: 10px; }
.knowledge-meeting-entry-foot > div { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.knowledge-download { display: inline-flex; align-items: center; gap: 4px; color: #30824b; font-size: 11px; padding: 5px 0; }
.knowledge-download:hover { text-decoration: underline; }
.knowledge-download .icon { width: 14px; height: 14px; }
.knowledge-meeting-selection { border: 1px solid #dfe8e2; background: #f5faf6; padding: 16px; border-radius: 4px; }
.knowledge-meeting-selection ul { margin: 0; padding-left: 18px; }
.knowledge-meeting-selection li { font-size: 12px; color: #45664f; line-height: 1.9; padding: 2px 0; overflow-wrap: anywhere; }
.knowledge-meeting-selection li > span { color: #6c8274; font-size: 10px; margin-left: 6px; }
.knowledge-meeting-selection .knowledge-caption { margin-top: 10px; }
.knowledge-snapshot-note { display: flex; align-items: flex-start; gap: 10px; border: 1px solid #dce9e0; background: #f2f8f4; padding: 13px; font-size: 11px; color: #557560; }
.knowledge-snapshot-note > .icon { margin-top: 2px; }
.knowledge-frozen-experiment { border: 1px solid #e4ece6; padding: 13px; margin-top: 9px; background: #fafcfb; }
.knowledge-frozen-experiment > strong { font-size: 12px; color: #45634f; display: block; }
.knowledge-frozen-experiment > span { color: #6e8174; font-size: 10px; display: block; margin-top: 5px; }
.knowledge-frozen-experiment > p { font-size: 12px; margin-top: 9px; }
@media (min-width: 801px) {
  .knowledge-post-preview, .knowledge-meeting-entry { content-visibility: auto; contain-intrinsic-size: auto 170px; }
  .knowledge-meeting-recipe, .knowledge-choice-list > label { content-visibility: auto; contain-intrinsic-size: auto 80px; }
}
@media (max-width: 1250px) {
  .knowledge-toolbar { align-items: flex-start; }
  .knowledge-filters { width: 100%; }
  .knowledge-filters .knowledge-search { flex: 1; }
  .knowledge-community-layout { grid-template-columns: 285px minmax(0, 1fr); }
  .knowledge-meeting-layout { grid-template-columns: 315px minmax(0, 1fr); }
  .knowledge-post-reader { padding: 23px; }
}
@media (max-width: 980px) {
  .knowledge-community-layout, .knowledge-meeting-layout { grid-template-columns: 1fr; }
  .knowledge-post-list { border-right: 0; border-bottom: 1px solid var(--knowledge-line); max-height: 360px; overflow: auto; }
  .knowledge-picker-list { max-height: 310px; }
  .knowledge-post-reader { min-height: 260px; }
}
@media (max-width: 700px) {
  .knowledge-head { gap: 16px; }
  .knowledge-head h1 { font-size: 24px; }
  .knowledge-head p { font-size: 12px; }
  .knowledge-notice { padding: 12px; margin-bottom: 18px; }
  .knowledge-notice p { font-size: 10px; }
  .knowledge-toolbar, .knowledge-subhead { padding: 17px 16px; gap: 15px; }
  .knowledge-toolbar > .knowledge-search, .knowledge-filters .knowledge-search { width: 100%; flex-basis: 100%; }
  .knowledge-filters select { flex: 1; max-width: none; }
  .knowledge-selection-strip { align-items: flex-start; flex-direction: column; padding: 13px 16px; gap: 8px; }
  .knowledge-selection-strip > div { width: 100%; justify-content: flex-end; }
  .knowledge-list-foot { padding: 13px 16px; font-size: 10px; }
  .knowledge-category-tabs { gap: 2px; }
  .knowledge-category-tabs button { font-size: 11px; padding: 7px 9px; }
  .knowledge-post-preview { padding: 17px 16px; }
  .knowledge-post-reader { padding: 21px 17px; }
  .knowledge-post-reader > article > h2 { font-size: 18px; }
  .knowledge-meeting-entry { padding: 20px 17px; }
  .knowledge-meeting-entry-foot { flex-wrap: wrap; }
  .knowledge-dialog { max-height: calc(100dvh - 20px); width: calc(100vw - 20px); }
  .knowledge-dialog .dialog-head, .knowledge-dialog .dialog-body { padding: 18px; }
  .knowledge-dialog .dialog-head h2 { font-size: 18px; }
  .knowledge-dialog .dialog-head p { font-size: 11px; }
  .knowledge-dialog .dialog-foot { padding: 14px 18px; }
  .knowledge-dialog .dialog-foot > .knowledge-caption { display: none; }
  .knowledge-dialog .dialog-foot .actions { justify-content: flex-end; width: 100%; gap: 7px; }
  .knowledge-dialog .dialog-foot .btn { font-size: 11px; padding: 8px 10px; }
  .knowledge-form-grid { grid-template-columns: 1fr; gap: 18px; }
  .knowledge-item-row { grid-template-columns: minmax(0, 1fr) 90px 32px; padding: 10px; }
  .knowledge-item-row > label:first-child { grid-column: 1 / -1; }
  .knowledge-item-row > label:nth-child(2) { grid-column: 1; }
  .knowledge-revision > div { padding: 14px; }
  .knowledge-revision > summary { padding: 13px; }
  .knowledge-revision > summary span { display: block; margin: 6px 0 0 14px; }
  .knowledge-text-section > p { font-size: 12px; }
  .knowledge-recipe-meta { gap: 7px 10px; }
}