/* Keep application fixed-position elements inside the viewport below the shared bar. */
html { --platform-height: 62px; }
html[data-platform-navigation] body {
    position: absolute !important; inset: var(--platform-height) 0 0 !important;
    margin: 0 !important; width: 100% !important;
    height: calc(100dvh - var(--platform-height)) !important;
    min-height: 0 !important; contain: layout; overflow: auto;
}
html[data-platform-navigation] body > #root { height: 100% !important; min-height: 0; }
html[data-platform-navigation="modelhub"] body,
html[data-platform-navigation="dataforge"] body {
    position: relative !important; inset: auto !important;
    margin-top: var(--platform-height) !important; height: auto !important;
    min-height: calc(100dvh - var(--platform-height)) !important;
    contain: none; overflow: visible;
}
html[data-platform-navigation="modelhub"] .sidebar {
    top: var(--platform-height) !important;
    height: calc(100dvh - var(--platform-height)) !important;
}
html[data-platform-navigation="modelhub"] .content { margin-top: 0 !important; }
research-navigation {
    position: fixed; inset: 0 0 auto; z-index: 100000; height: var(--platform-height);
}
@media (max-width: 600px) { html { --platform-height: 56px; } }