.knowledge-page { --kb-surface: #0a172c; --kb-raised: #10213a; --kb-muted: #94a9c7; --kb-violet: #b5a2f5; --kb-border: rgba(123, 167, 224, .18); background: radial-gradient(ellipse at 85% 0, #32488412, transparent 48%), #050d1c; color: var(--text); }
.knowledge-page [hidden] { display: none !important; }
.knowledge-page :is(button, input, textarea, select) { font-family: var(--font-sans); }
.knowledge-page :is(a, button, input, textarea, select, [tabindex]):focus-visible { outline: 2px solid var(--sky); outline-offset: 3px; }
.knowledge-page button:disabled { opacity: .5; cursor: not-allowed; }
.knowledge-page .template-sidebar { background: #071120; }
.knowledge-page .template-nav > a { min-height: 48px; font-size: calc(13px * var(--text-scale)); }
.kb-nav-count { margin-left: auto; font-size: calc(11px * var(--text-scale)); color: var(--sky); }
.kb-sidebar-note { margin: auto 7px 24px; padding-top: 40px; }
.kb-gem { font-size: 34px; color: var(--kb-violet); }
.kb-sidebar-note strong { display: block; margin: 10px 0 9px; font-size: calc(14px * var(--text-scale)); font-weight: 500; }
.kb-sidebar-note p { color: var(--kb-muted); font-size: calc(12px * var(--text-scale)); line-height: 1.8; }
.kb-sidebar-note .kb-text-button { margin-top: 10px; font-size: calc(11px * var(--text-scale)); }
.kb-topbar { min-height: 76px; padding: 15px 38px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; border-bottom: 1px solid var(--kb-border); }
.kb-header-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-wrap: wrap; }
.kb-back-link { position: relative; font-size: calc(12px * var(--text-scale)); color: var(--kb-muted); margin-right: 12px; display: inline-flex; align-items: center; min-height: 44px; }
.kb-back-link::after { content: ''; position: absolute; bottom: 8px; left: 0; right: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.kb-back-link:is(:hover, :focus-visible) { color: var(--sky); }
.kb-back-link:is(:hover, :focus-visible)::after { transform: scaleX(1); }
.knowledge-page .template-icon-button, .knowledge-page .template-theme-button { min-height: 44px; min-width: 44px; font-size: calc(12px * var(--text-scale)); }
.kb-main { max-width: 1440px; margin: auto; padding: 0 38px 26px; }
.kb-welcome { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 235px; padding: 28px 0 22px; }
.kb-welcome-copy { max-width: 760px; min-width: 0; }
.kb-eyebrow { color: var(--sky); font-size: calc(10px * var(--text-scale)); font-weight: 600; letter-spacing: .16em; display: flex; align-items: center; gap: 9px; }
.kb-live-dot { width: 5px; height: 5px; border-radius: 50%; background: #5fd6dc; box-shadow: 0 0 9px #5fd6dc50; }
.kb-welcome h1 { font-size: clamp(28px, 3.1vw, 43px); line-height: 1.25; color: var(--ice); font-weight: 600; letter-spacing: -.025em; margin: 14px 0 13px; }
.kb-lead { color: var(--kb-muted); font-size: calc(15px * var(--text-scale)); line-height: 1.85; }
.kb-welcome-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: calc(11px * var(--text-scale)); color: var(--kb-muted); margin-top: 22px; }
.kb-welcome-meta > span:first-child { color: var(--sky); }
.kb-meta-divider { height: 10px; width: 1px; background: var(--kb-border); }
.kb-constellation { width: 280px; height: 180px; position: relative; flex-shrink: 0; color: var(--sky); background: radial-gradient(ellipse, #8776d710, transparent 70%); }
.kb-constellation svg { width: 100%; height: 100%; }
.kb-graph-label { position: absolute; font-size: 8px; letter-spacing: .16em; color: var(--kb-muted); }
.label-one { top: 28px; left: 31px; }.label-two { bottom: 5px; left: 55px; }.label-three { bottom: 24px; right: 6px; }
.kb-connection-strip { display: flex; align-items: center; gap: 14px; border: 1px solid #9482d62d; border-radius: 10px; background: linear-gradient(105deg, #8e77c40b, #5085da04); padding: 14px 18px; }
.kb-connection-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; color: var(--kb-violet); border-radius: 11px; background: #a493e80e; border: 1px solid #a493e833; font-size: 29px; }
.kb-connection-strip strong { font-size: calc(13px * var(--text-scale)); font-weight: 600; }
.kb-connection-state { color: var(--kb-muted); font-size: calc(10px * var(--text-scale)); margin-left: 12px; padding: 2px 7px; border: 1px solid var(--kb-border); border-radius: 4px; white-space: nowrap; }
.kb-connection-strip p { color: var(--kb-muted); font-size: calc(12px * var(--text-scale)); margin-top: 2px; }
.kb-connection-strip > button { margin-left: auto; flex-shrink: 0; }
.kb-text-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-size: calc(12px * var(--text-scale)); color: var(--sky); border-radius: 6px; }
.kb-text-button:hover { text-decoration: underline; text-underline-offset: 5px; }
.kb-text-button .template-icon { width: 16px; height: 16px; }
.kb-feedback { min-height: 29px; padding: 4px 0; font-size: calc(12px * var(--text-scale)); color: var(--sky); }
.kb-feedback.error, .kb-field-help.error { color: #fca5a5; }
.kb-entry-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 32px; }
.kb-entry-tab { position: relative; display: flex; align-items: center; text-align: left; gap: 14px; padding: 20px 17px; min-height: 102px; border: 1px solid var(--kb-border); border-radius: 10px; background: var(--kb-surface); transition: border-color .2s, background .2s, transform .2s; overflow: hidden; }
.kb-entry-tab > span:nth-child(2) { min-width: 0; position: relative; z-index: 1; }
.kb-entry-tab strong { display: block; color: var(--text); font-size: calc(16px * var(--text-scale)); font-weight: 600; }
.kb-entry-tab small { display: block; color: var(--kb-muted); font-size: calc(11px * var(--text-scale)); margin-top: 5px; }
.kb-entry-tab:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.kb-entry-tab[aria-selected="true"] { border-color: #589ef391; background: linear-gradient(110deg, #4385d71c, var(--kb-surface)); }
.kb-entry-tab[aria-selected="true"]::after { content: ''; position: absolute; bottom: 0; left: 18px; right: 18px; height: 2px; background: linear-gradient(90deg, var(--sky), transparent); }
.kb-entry-number { position: absolute; right: 8px; top: -11px; color: var(--sky); opacity: .055; font-size: 74px; line-height: 1.3; font-weight: 600; }
.kb-entry-icon { width: 42px; height: 44px; flex: 0 0 42px; display: inline-grid; place-items: center; border-radius: 10px; border: 1px solid #6aaaf434; background: #509df411; color: var(--sky); }
.kb-entry-icon.violet { color: var(--kb-violet); background: #ac83f411; border-color: #aa8ce934; }.kb-entry-icon.cyan { color: var(--cyan); background: #5fd6dc11; border-color: #5fd6dc34; }
.kb-view { animation: kbEnter .24s ease both; }
@keyframes kbEnter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.kb-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.kb-section-heading h2 { margin-top: 5px; font-size: calc(22px * var(--text-scale)); color: var(--ice); font-weight: 500; line-height: 1.4; }
.kb-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 10px 15px; border-radius: 7px; background: linear-gradient(135deg, #347aec, #245ac6); color: #fff; border: 1px solid #74b3ff66; font-weight: 600; font-size: calc(12px * var(--text-scale)); transition: background .2s, border-color .2s, box-shadow .2s; }
.kb-button:hover { background: #2e6ddd; box-shadow: 0 5px 18px #2165d122; }
.kb-button.secondary { color: var(--text); border-color: var(--kb-border); background: #4773b408; font-weight: 400; }.kb-button.secondary:hover { border-color: var(--sky); background: #4773b414; }
.kb-button .template-icon { width: 16px; height: 16px; }
.kb-subject-toolbar { display: flex; justify-content: space-between; gap: 15px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.kb-segmented { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--kb-border); border-radius: 8px; background: #2341700a; }
.kb-segmented button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 7px 13px; border: 1px solid transparent; border-radius: 5px; color: var(--kb-muted); font-size: calc(12px * var(--text-scale)); }
.kb-segmented button[aria-pressed="true"] { color: var(--sky); background: #538beb18; border-color: #579ce637; }
.kb-segmented .template-icon { width: 15px; height: 15px; }
.knowledge-page label { display: block; font-size: calc(12px * var(--text-scale)); color: var(--kb-muted); margin-bottom: 6px; }
.knowledge-page :is(input:not([type="file"]), textarea, select) { width: 100%; min-width: 0; min-height: 44px; background: var(--bg-1); border: 1px solid var(--kb-border); border-radius: 7px; color: var(--text); padding: 10px 12px; font-size: calc(13px * var(--text-scale)); line-height: 1.6; }
.knowledge-page :is(input, textarea)::placeholder { color: var(--kb-muted); opacity: .8; }.knowledge-page textarea { resize: vertical; }.knowledge-page option { background: var(--bg-1); }
.knowledge-page .kb-search-box { display: flex; gap: 8px; align-items: center; width: 230px; margin: 0; border-bottom: 1px solid var(--kb-border); }.kb-search-box .template-icon { width: 16px; height: 16px; flex-shrink: 0; }
.knowledge-page .kb-search-box input { border: 0; background: transparent; padding: 8px 0; border-radius: 2px; }
.kb-subject-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-height: 590px; overflow-y: auto; padding: 3px 3px 5px; margin: -3px -3px 24px; scrollbar-width: thin; }
.kb-subject-card { --subject-color: var(--sky); display: flex; flex-direction: column; text-align: left; position: relative; padding: 22px; border: 1px solid var(--kb-border); border-radius: 11px; background: linear-gradient(145deg, #4b8ddd0b, transparent), var(--kb-surface); min-width: 0; transition: border-color .2s, transform .2s; }
.kb-subject-card[data-color="violet"] { --subject-color: var(--kb-violet); }.kb-subject-card[data-color="cyan"] { --subject-color: var(--cyan); }
.kb-subject-card:hover { transform: translateY(-2px); border-color: var(--subject-color); }
.kb-subject-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 22px; }
.kb-subject-symbol { font-size: 27px; line-height: 1; color: var(--subject-color); font-weight: 500; }
.kb-source-label { font-size: calc(10px * var(--text-scale)); color: var(--kb-muted); border: 1px solid var(--kb-border); border-radius: 4px; padding: 2px 7px; }
.kb-subject-card h3 { font-size: calc(21px * var(--text-scale)); font-weight: 500; line-height: 1.3; color: var(--ice); margin-bottom: 8px; overflow-wrap: anywhere; }
.kb-subject-card p { font-size: calc(12px * var(--text-scale)); color: var(--kb-muted); min-height: 43px; margin-bottom: 20px; overflow-wrap: anywhere; }
.kb-subject-meta { display: flex; justify-content: space-between; gap: 8px; width: 100%; font-size: calc(11px * var(--text-scale)); color: var(--kb-muted); }
.kb-progress-track { margin: 10px 0 17px; width: 100%; height: 3px; background: #779cc51b; border-radius: 3px; overflow: hidden; }.kb-progress-track span { display: block; height: 100%; background: var(--subject-color); }
.kb-subject-open { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; color: var(--subject-color); font-size: calc(12px * var(--text-scale)); }.kb-subject-open .template-icon { width: 17px; height: 17px; }
.kb-bottom-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 18px; }
.kb-panel { padding: 24px; border: 1px solid var(--kb-border); border-radius: 11px; background: var(--kb-surface); min-width: 0; }
.kb-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.kb-panel h3, .kb-learning-note h3 { color: var(--ice); font-size: calc(16px * var(--text-scale)); font-weight: 500; line-height: 1.45; }
.kb-recent-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 67px; padding: 12px 0; text-align: left; border-top: 1px solid var(--kb-border); }
.kb-recent-row > .template-icon { width: 18px; height: 18px; color: var(--sky); }.kb-recent-row > span { min-width: 0; flex: 1; }
.kb-recent-row strong { display: block; font-size: calc(13px * var(--text-scale)); font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.kb-recent-row small { display: block; font-size: calc(10px * var(--text-scale)); color: var(--kb-muted); margin-top: 3px; }.kb-recent-row:hover strong { color: var(--sky); }
.kb-learning-note { padding: 25px; border-radius: 11px; border: 1px solid #9187d731; background: linear-gradient(130deg, #8f79c713, #527abd06); }
.kb-note-index { font-size: calc(9px * var(--text-scale)); letter-spacing: .14em; color: var(--kb-violet); }.kb-learning-note > .template-icon { color: var(--kb-violet); margin: 15px 0 12px; }
.kb-learning-note p { font-size: calc(12px * var(--text-scale)); color: var(--kb-muted); margin: 10px 0 12px; line-height: 1.9; }.kb-learning-note .kb-text-button { color: var(--kb-violet); }
.kb-muted { font-size: calc(13px * var(--text-scale)); color: var(--kb-muted); line-height: 1.85; }
.kb-ask-layout { display: grid; grid-template-columns: 1.8fr 1fr; gap: 20px; align-items: start; }
.kb-ask-panel { padding: 30px; }.kb-ask-panel > .kb-entry-icon { margin-bottom: 20px; }.kb-ask-panel h2 { font-size: 25px; font-weight: 500; color: var(--ice); line-height: 1.4; margin: 9px 0; }.kb-ask-panel form { margin-top: 26px; }
.kb-question-actions { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 12px; }.kb-question-actions .kb-muted { font-size: calc(11px * var(--text-scale)); }
.kb-suggestions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }.kb-suggestions button { min-height: 38px; padding: 6px 10px; font-size: calc(11px * var(--text-scale)); color: var(--kb-muted); background: #7b94b40a; border: 1px solid var(--kb-border); border-radius: 6px; }.kb-suggestions button:hover { border-color: var(--sky); color: var(--sky); }
.kb-question-tip h3 { margin-top: 12px; }.kb-question-tip ol { padding-left: 18px; font-size: calc(13px * var(--text-scale)); color: var(--kb-muted); line-height: 1.9; margin: 20px 0; }.kb-question-tip li + li { margin-top: 14px; }
.kb-search-results { margin-top: 20px; }.kb-search-results > p { margin-bottom: 14px; color: var(--kb-muted); font-size: calc(13px * var(--text-scale)); }.kb-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.kb-result-card { text-align: left; }.kb-result-card:hover { border-color: var(--sky); }.kb-result-card h3 { margin: 10px 0; }.kb-result-card p { color: var(--kb-muted); font-size: calc(13px * var(--text-scale)); overflow-wrap: anywhere; }
.kb-document-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(270px, 1fr); gap: 20px; align-items: start; }
.knowledge-page .kb-file-drop { cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 7px; min-height: 157px; padding: 20px; border: 1px dashed var(--line-strong); background: #4e8bcc08; border-radius: 8px; position: relative; }
.kb-file-drop > .template-icon { color: var(--sky); width: 27px; height: 27px; margin-bottom: 5px; }.kb-file-drop strong { color: var(--text); font-size: calc(13px * var(--text-scale)); font-weight: 500; }.kb-file-drop > span { font-size: calc(10px * var(--text-scale)); }.kb-file-drop input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }.kb-file-drop:focus-within, .kb-file-drop.is-dragging { outline: 2px solid var(--sky); outline-offset: 3px; background: #4e8bcc18; }
.kb-field-help { min-height: 18px; font-size: calc(11px * var(--text-scale)); color: var(--kb-muted); line-height: 1.7; margin: 8px 0 12px; }
.kb-form-columns { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; margin: 18px 0; }
.kb-document-form > textarea { margin-bottom: 15px; }.kb-content-input { max-height: 400px; }
.kb-save-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }.kb-save-row > .kb-field-help { max-width: 280px; flex: 1 1 180px; margin: 0; }
.kb-count { font-size: calc(11px * var(--text-scale)); color: var(--sky); min-width: 25px; text-align: center; border-radius: 5px; border: 1px solid var(--kb-border); }
.kb-document-list { max-height: 470px; overflow-y: auto; margin-top: 18px; scrollbar-width: thin; padding-right: 5px; }
.kb-empty { grid-column: 1 / -1; padding: 30px 20px; border: 1px dashed var(--kb-border); border-radius: 9px; text-align: center; color: var(--kb-muted); font-size: calc(13px * var(--text-scale)); }.kb-empty strong { color: var(--text); display: block; margin-bottom: 8px; font-weight: 500; }
.kb-footer { display: flex; gap: 12px; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid var(--kb-border); margin-top: 36px; padding-top: 20px; font-size: calc(10px * var(--text-scale)); color: var(--kb-muted); }
.kb-dialog { margin: auto; padding: 26px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 40px); border: 1px solid var(--line-strong); border-radius: 15px; color: var(--text); background: var(--kb-surface); box-shadow: 0 24px 80px #0005; overflow: auto; }
.kb-dialog::backdrop { background: #020715ba; }.kb-small-dialog { width: 490px; }
.kb-dialog-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin-bottom: 22px; }.kb-dialog-heading h2 { font-size: calc(23px * var(--text-scale)); font-weight: 500; color: var(--ice); line-height: 1.4; overflow-wrap: anywhere; }.kb-dialog-heading .kb-eyebrow { margin-bottom: 6px; }
.kb-icon-button { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; color: var(--kb-muted); border: 1px solid var(--kb-border); border-radius: 7px; }.kb-icon-button:hover { color: var(--sky); border-color: var(--sky); }
.kb-small-dialog form > label:not(:first-child) { margin-top: 16px; }.knowledge-page .full-width { width: 100%; margin-top: 10px; }
.kb-reader-dialog { width: 1010px; padding: 26px 26px 20px; }.kb-reader-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; }.kb-reader-notes { max-height: 62dvh; overflow-y: auto; border-right: 1px solid var(--kb-border); padding-right: 15px; scrollbar-width: thin; }.kb-reader-notes button { width: 100%; display: block; padding: 11px; min-height: 44px; border: 1px solid transparent; text-align: left; border-radius: 6px; font-size: calc(12px * var(--text-scale)); color: var(--kb-muted); overflow-wrap: anywhere; margin-bottom: 5px; }.kb-reader-notes button[aria-current="true"] { background: #548ed81a; color: var(--sky); border-color: var(--kb-border); }
.kb-reader-main { min-width: 0; }.kb-reader-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }.kb-reader-content { max-height: 48dvh; overflow-y: auto; scrollbar-width: thin; padding-right: 10px; min-height: 200px; overflow-wrap: anywhere; }.kb-reader-description { border-left: 2px solid var(--kb-violet); background: #8b79ce09; padding: 10px 14px; color: var(--kb-muted); font-size: calc(13px * var(--text-scale)); margin-bottom: 20px; }
.kb-markdown { font-size: calc(14px * var(--text-scale)); line-height: 1.9; }.kb-markdown :is(h3,h4) { font-size: calc(18px * var(--text-scale)); font-weight: 500; color: var(--ice); margin: 20px 0 10px; }.kb-markdown p { margin: 10px 0; white-space: pre-wrap; }.kb-markdown ul { list-style: disc; padding-left: 20px; margin: 12px 0; }.kb-markdown pre { padding: 14px; border: 1px solid var(--kb-border); border-radius: 6px; background: var(--bg-1); overflow-x: auto; white-space: pre-wrap; word-break: break-word; font: inherit; }
.kb-review-prompt { text-align: center; padding: 24px 14px; border: 1px solid var(--kb-border); border-radius: 8px; margin-bottom: 18px; }.kb-review-prompt > .template-icon { margin: 0 auto 15px; color: var(--kb-violet); }.kb-review-prompt h3 { font-size: calc(19px * var(--text-scale)); line-height: 1.6; color: var(--ice); font-weight: 500; margin: 12px 0; }.kb-review-prompt p { margin-bottom: 18px; }.kb-reader-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }.kb-reader-actions .danger { margin-left: auto; }.danger { color: #eb9eaa; }
.kb-connection-step { display: flex; gap: 15px; margin: 24px 0; }.kb-connection-step > span { color: var(--kb-violet); font-size: calc(12px * var(--text-scale)); padding-top: 3px; }.kb-connection-step strong { font-size: calc(14px * var(--text-scale)); font-weight: 500; }.kb-connection-step p { color: var(--kb-muted); font-size: calc(12px * var(--text-scale)); line-height: 1.9; margin-top: 5px; }
.kb-notice { padding: 15px; color: var(--text); border: 1px solid var(--kb-border); border-radius: 8px; margin-top: 20px; }.kb-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
html[data-theme="light"] .knowledge-page { --kb-surface: #f8fbff; --kb-raised: #edf4fd; --kb-muted: #536b8d; --kb-violet: #7560b5; --kb-border: rgba(75, 124, 191, .2); --sky: #2563b1; --cyan: #127e87; }
html[data-theme="light"] .knowledge-page .template-sidebar { background: #e6eef9; }
html[data-theme="light"] .kb-entry-tab[aria-selected="true"] { background: linear-gradient(110deg, #dfecff, #f8fbff); }
html[data-theme="light"] .kb-feedback.error, html[data-theme="light"] .kb-field-help.error, html[data-theme="light"] .danger { color: #b33950; }
@media (max-width: 1190px) { .kb-main { padding-inline: 26px; }.kb-topbar { padding-inline: 26px; }.kb-constellation { width: 205px; height: 150px; }.kb-subject-card { padding: 19px; }.kb-entry-tab { gap: 10px; padding: 17px 13px; }.kb-entry-tab strong { font-size: calc(14px * var(--text-scale)); }.kb-entry-tab small { font-size: calc(10px * var(--text-scale)); }.kb-entry-icon { width: 35px; flex-basis: 35px; height: 39px; }.kb-document-layout { grid-template-columns: minmax(0, 1.5fr) minmax(230px, 1fr); } }
@media (max-width: 980px) { .kb-welcome { min-height: 220px; }.kb-constellation { display: none; }.kb-entry-tab { align-items: flex-start; flex-direction: column; }.kb-entry-tabs { gap: 10px; }.kb-subject-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.kb-bottom-grid, .kb-ask-layout, .kb-document-layout { grid-template-columns: minmax(0, 1fr); }.kb-learning-note { padding: 22px; }.kb-question-tip ol { margin-block: 12px; }.kb-question-tip li + li { margin-top: 5px; }.kb-reader-layout { grid-template-columns: 170px minmax(0, 1fr); gap: 18px; } }
@media (max-width: 700px) { .knowledge-page .template-sidebar { padding: 16px 20px; }.knowledge-page .template-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }.knowledge-page .template-nav > a { font-size: calc(11px * var(--text-scale)); min-height: 68px; }.kb-sidebar-note { display: none; }.kb-topbar { padding: 14px 20px; min-height: 65px; }.kb-topbar .template-breadcrumb { display: none; }.kb-header-actions { width: 100%; }.kb-back-link { margin-right: auto; }.kb-main { padding: 0 20px 22px; }.kb-welcome { padding-block: 30px 25px; min-height: 215px; }.kb-welcome h1 { font-size: 32px; }.kb-lead { font-size: calc(14px * var(--text-scale)); }.kb-welcome-meta { font-size: calc(10px * var(--text-scale)); gap: 8px; }.kb-connection-strip { flex-wrap: wrap; gap: 10px; padding: 14px; }.kb-connection-strip > div { flex: 1; min-width: 0; }.kb-connection-strip > button { width: 100%; justify-content: flex-start; min-height: 32px; margin-left: 50px; }.kb-entry-tabs { margin-bottom: 26px; gap: 8px; }.kb-entry-tab { padding: 14px 10px; gap: 10px; min-height: 135px; }.kb-entry-tab strong { font-size: calc(13px * var(--text-scale)); line-height: 1.4; }.kb-entry-tab small { font-size: calc(10px * var(--text-scale)); line-height: 1.6; }.kb-entry-number { font-size: 52px; right: 4px; top: 4px; }.kb-section-heading h2 { font-size: calc(20px * var(--text-scale)); }.kb-subject-card { padding: 18px; }.kb-subject-grid { gap: 12px; }.kb-subject-card h3 { font-size: calc(19px * var(--text-scale)); }.kb-subject-card p { font-size: calc(11px * var(--text-scale)); }.kb-subject-meta { font-size: calc(10px * var(--text-scale)); flex-wrap: wrap; }.kb-subject-toolbar { gap: 12px; }.knowledge-page .kb-search-box { width: 100%; }.kb-panel { padding: 20px; }.kb-form-columns { grid-template-columns: minmax(0, 1fr); }.kb-result-grid { grid-template-columns: minmax(0, 1fr); }.kb-dialog { padding: 20px; max-width: calc(100vw - 20px); max-height: calc(100dvh - 24px); }.kb-dialog-heading h2 { font-size: calc(20px * var(--text-scale)); }.kb-reader-layout { grid-template-columns: minmax(0, 1fr); gap: 13px; }.kb-reader-notes { display: flex; gap: 6px; padding: 0 0 8px; border-right: 0; border-bottom: 1px solid var(--kb-border); max-height: 100px; overflow-x: auto; }.kb-reader-notes button { width: auto; flex: 0 0 160px; }.kb-reader-content { max-height: 40dvh; }.kb-reader-actions .danger { margin-left: 0; }.kb-ask-panel h2 { font-size: 23px; } }
@media (max-width: 400px) { .kb-main { padding-inline: 14px; }.kb-topbar { padding-inline: 14px; }.kb-welcome h1 { font-size: 29px; }.kb-subject-grid { grid-template-columns: minmax(0, 1fr); max-height: 570px; }.kb-subject-card p { min-height: 0; }.kb-subject-card-top { margin-bottom: 15px; }.kb-section-heading { gap: 12px; }.kb-entry-tab { padding: 12px 9px; }.kb-entry-tab strong { font-size: calc(12px * var(--text-scale)); }.kb-entry-tab small { font-size: calc(9px * var(--text-scale)); }.kb-panel { padding: 17px; }.kb-segmented button { padding-inline: 10px; }.kb-reader-actions { align-items: stretch; }.kb-reader-actions .kb-button { flex: 1 1 auto; } }
@media (prefers-reduced-motion: reduce) { .knowledge-page *, .knowledge-page *::before, .knowledge-page *::after { animation: none !important; transition: none !important; } }