/* Preserve the existing breadcrumb, panel-top and history-actions country hooks.
   Position controls only after their translated, country-styled sizes are known. */
:where([data-procedure-navigation="ready"]) .breadcrumbs {
    border-block-end: 0;
}
:where([data-procedure-navigation="ready"]) .panel-top {
    margin-block-end: 0;
}
:where([data-procedure-navigation="ready"]) .history-actions {
    margin-block-end: 0;
}
@media (min-width: 1024px) {
    :where([data-procedure-navigation="ready"] .history-actions) .back-link {
        position: absolute;
        top: var(--procedure-back-top);
        inset-inline-start: var(--procedure-back-start);
        z-index: 2;
    }
    :where([data-procedure-navigation="ready"]) .breadcrumbs {
        padding-inline-end: var(--procedure-actions-space, 0px);
    }
    :where([data-procedure-navigation="ready"] .history-actions) .step-actions {
        position: absolute;
        top: var(--procedure-actions-top);
        inset-inline-end: 15px;
        width: max-content;
    }
}
@media (max-width: 1023px) {
    :where([data-procedure-navigation="ready"]) .history-actions {
        justify-content: flex-start;
    }
    :where([data-procedure-navigation="ready"]) .history-actions .step-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: auto;
    }
    :where([data-procedure-navigation="ready"]) .panel-top {
        margin-block-end: 16px;
    }
}