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

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

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