.knowledge-page { max-width: 1600px; margin-inline: auto; overflow-wrap: anywhere; }
.knowledge-page .table-form-card { border-radius: 12px; }
.knowledge-page .btn { min-height: 44px; }
.knowledge-page .form-control, .knowledge-page .form-select { min-height: 44px; }
.knowledge-page .knowledge-text { white-space: pre-wrap; }
.knowledge-page .knowledge-choice { display: flex; align-items: center; gap: 12px; padding: 12px 16px; margin-bottom: 8px; border: 1px solid var(--bs-border-color, #ccc); border-radius: 12px; min-height: 48px; cursor: pointer; }
.knowledge-page .knowledge-choice:has(input:checked) { background: var(--bs-primary-bg-subtle, #e6efff); border-color: var(--bs-primary, #0d6efd); }
.knowledge-page .knowledge-choice input { flex: 0 0 auto; }
.knowledge-page .knowledge-question-group { border: 1px solid var(--bs-border-color, #ccc); border-radius: 12px; margin-bottom: 12px; min-width: 0; }
.knowledge-page .knowledge-question-group > summary { padding: 12px 16px; min-height: 48px; cursor: pointer; overflow-wrap: anywhere; }
.knowledge-page .knowledge-question-group > summary > span:first-child { font-weight: 600; }
.knowledge-page .knowledge-question-group > summary > span:last-child { display: block; margin-top: 4px; }
.knowledge-page .knowledge-question-group > summary:focus-visible { outline: 3px solid var(--bs-primary, #0d6efd); outline-offset: 2px; border-radius: 12px; }
.knowledge-page .knowledge-question-group-content { padding: 0 12px 4px; }
.knowledge-page .table th { position: sticky; top: 0; }
.knowledge-page .table td { min-width: 120px; }
.knowledge-page .validation-message { color: var(--bs-danger, #b02a37); }
.knowledge-page progress { accent-color: var(--bs-primary, #0d6efd); }
.knowledge-navigation .nav-link { min-height: 44px; }
.knowledge-page .knowledge-answer-image { display: block; max-width: 100%; width: auto; max-height: 240px; object-fit: contain; border-radius: 12px; }
.knowledge-page .knowledge-order-step { padding: 16px; border: 1px solid var(--bs-border-color, #ccc); border-radius: 12px; }
.knowledge-page .knowledge-quick-link { min-height: 80px; padding: 24px; font-size: 1.25rem; }

.knowledge-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.knowledge-workspace > *, .knowledge-workspace-content, .knowledge-list-description { min-width: 0; }
.knowledge-list-description { flex: 1 1 240px; }
.knowledge-category-tree { border-radius: 12px; }
.knowledge-category-roots, .knowledge-category-children { list-style: none; margin: 0; padding: 0; }
.knowledge-category-roots { margin-top: 8px; }
.knowledge-category-children { margin-left: 12px; padding-left: 8px; border-left: 1px solid var(--bs-border-color, #ccc); }
.knowledge-category-row { display: flex; align-items: flex-start; gap: 8px; }
.knowledge-category-toggle, .knowledge-category-spacer { flex: 0 0 44px; width: 44px; min-height: 44px; }
.knowledge-category-toggle { border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 1.25rem; }
.knowledge-category-select { display: flex; flex-direction: column; align-items: flex-start; flex: 1; min-width: 0; min-height: 44px; width: 100%; padding: 8px; border: 1px solid transparent; border-radius: 8px; text-align: left; color: inherit; background: transparent; overflow-wrap: anywhere; }
.knowledge-category-select.is-selected { color: var(--bs-primary-text-emphasis, #052c65); background: var(--bs-primary-bg-subtle, #cfe2ff); border-color: var(--bs-primary, #0d6efd); font-weight: 600; }
.knowledge-category-select:hover:not(.is-selected), .knowledge-category-toggle:hover { background: var(--bs-tertiary-bg, #f1f3f5); }
.knowledge-category-select:focus-visible, .knowledge-category-toggle:focus-visible, .knowledge-breadcrumbs button:focus-visible { outline: 3px solid var(--bs-primary, #0d6efd); outline-offset: 2px; }
.knowledge-category-select:disabled, .knowledge-category-toggle:disabled { opacity: .65; cursor: wait; }
.knowledge-breadcrumbs .breadcrumb { align-items: center; row-gap: 4px; }
.knowledge-breadcrumbs .breadcrumb-item { min-width: 0; }
.knowledge-breadcrumbs button { min-height: 44px; padding: 4px 0; border: 0; background: transparent; color: var(--bs-link-color, #0d6efd); text-align: left; text-decoration: underline; overflow-wrap: anywhere; }
@media (min-width: 992px) {
    .knowledge-workspace { grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); }
}