@media (max-width: 1180px) {
    .hhd-workspace-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .hhd-workspace-topbar-leading,
    .hhd-active-context-bar {
        width: 100%;
    }

    .hhd-workspace-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .hhd-workspace-topbar { padding: var(--hhd-space-3) var(--hhd-space-4); }
    .hhd-workspace-content { padding-inline: var(--hhd-space-4); }
    .hhd-workspace-breadcrumbs { padding-inline: var(--hhd-space-4); }
    .hhd-active-context-values { flex-wrap: wrap; gap: var(--hhd-space-3); }
    .hhd-active-context-actions { justify-content: flex-start; }
    .hhd-navigation-center-content,
    .hhd-navigation-center-header { padding: var(--hhd-space-5); }
}

@media (max-width: 620px) {
    .hhd-workspace-topbar-leading {
        align-items: stretch;
        flex-direction: column;
    }

    .hhd-workspace-brand { padding-inline: 0; }
    .hhd-workspace-navigation-toggle.e-btn { width: 100%; }
    .hhd-active-context-bar { align-items: stretch; flex-direction: column; }
    .hhd-active-context-values { display: grid; grid-template-columns: 1fr 1fr; }
    .hhd-active-context-application { grid-column: 1 / -1; }
    .hhd-active-context-actions { align-items: stretch; flex-direction: column; }
    .hhd-context-user { max-width: none; border-left: 0; border-top: 1px solid var(--hhd-border); }
    .hhd-context-action-link,
    .hhd-context-action-button.e-btn { justify-content: center; width: 100%; }
    .hhd-workspace-navigation,
    .hhd-navigation-center-supplemental-grid { grid-template-columns: 1fr; }
    .hhd-navigation-center-frame { max-height: calc(100dvh - 1rem); }
    .hhd-navigation-center-header { padding: var(--hhd-space-4); }
    .hhd-navigation-center-content { padding: var(--hhd-space-4); }
}

@media (max-width: 390px) {
    .hhd-workspace-content,
    .hhd-workspace-breadcrumbs { padding-inline: var(--hhd-space-3); }
    .hhd-workspace-brand-copy small { display: none; }
    .hhd-active-context-values { grid-template-columns: 1fr; }
    .hhd-active-context-application { grid-column: auto; }
    .hhd-navigation-center-header p { font-size: .82rem; }
    .hhd-workspace-nav-area { padding: var(--hhd-space-3); }
}

@media (prefers-reduced-motion: reduce) {
    .hhd-workspace-nav-link { transition: none; }
    .hhd-workspace-nav-link:hover { transform: none; }
}