.topbar {
    height: 60px;
}

.main {
    padding-top: 20px;
}

.main > .breadcrumb {
    margin-bottom: 3px;
    font-size: 11px;
}

.page-heading {
    margin-bottom: 16px;
}

.page-heading h1 {
    font-size: 24px;
    line-height: 1.2;
}

.page-heading p {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.4;
}

.page-heading .heading-actions,
.ux-header-actions {
    gap: 7px;
}

.page-heading .btn,
.ux-page-header .btn {
    height: 39px;
    padding-inline: 13px;
}

.ux-page-header {
    gap: 1rem;
    margin-bottom: 1rem;
}

.ux-page-header h1 {
    margin: .1rem 0 .2rem;
    font-size: 1.55rem;
    line-height: 1.2;
}

.ux-page-header p {
    font-size: .8rem;
    line-height: 1.4;
}

@media (max-width: 700px) {
    .main {
        padding-top: 16px;
    }

    .page-heading,
    .ux-page-header {
        margin-bottom: 12px;
    }

    .page-heading h1,
    .ux-page-header h1 {
        font-size: 22px;
    }
}