.layout-knowledge-body { display: flex; max-width: var(--main-width, 1200px); margin: 0 auto; gap: 2rem; }
.layout-knowledge-sidebar { flex: 0 0 15rem; background: #f8f8f8; padding: 0 1rem 4rem 1rem; order: 0; }
.layout-knowledge-main { flex: 1; min-width: 0; padding: 2rem 0 4rem 0; order: 1; }
.layout-knowledge-aside { flex: 0 0 240px; background: #f8f8f8; padding: 1rem; order: 2; }

[data-device="pad"] .layout-knowledge-body { gap: 1rem; padding: 0 1rem; flex-direction: column; }
[data-device="pad"] .layout-knowledge-sidebar { flex: none; width: 100%; order: 2; margin-top: 1rem; padding: 0.75rem 1rem 1rem 1rem; }
[data-device="pad"] .layout-knowledge-main { order: 0; padding: 1rem 0 1.5rem 0; }
[data-device="pad"] .layout-knowledge-aside { flex: none; width: 100%; order: 1; margin-top: 0.5rem; padding: 0.75rem; }

[data-device="phone"] .layout-knowledge-body { gap: 0; padding: 0 1rem; flex-direction: column; }
[data-device="phone"] .layout-knowledge-sidebar { flex: none; width: 100%; order: 2; margin-bottom: 1rem; padding: 0 1rem 1rem 1rem; }
[data-device="phone"] .layout-knowledge-main { order: 0; padding: 0.5rem 0 1rem 0; }
[data-device="phone"] .layout-knowledge-aside { flex: none; width: 100%; order: 1; margin-bottom: 0.5rem; }