.mobile-banner-back { display: none; }
/* Compact common page banners to the final breadcrumb on mobile. */
@media (max-width: 1320px) {
    body #header .aisolution-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }
    body .h300.bg-cover[class*="bg-layout"] {
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        padding-block: 0;
        background-image: none !important;
        background-color: #fff;
        border-bottom: 1px solid #edf0f3;
        box-sizing: border-box;
    }
    body .h300.bg-cover[class*="bg-layout"] > .aisolution-wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        min-height: 0;
        width: calc(100% - 16px);
        max-width: 100%;
        margin-inline: auto;
        color: #29364b;
        padding: 0;
    }
    body .h300.bg-cover[class*="bg-layout"] > .aisolution-wrapper:has(> nav ol li) > :not(nav) { display: none; }
    body .h300.bg-cover[class*="bg-layout"] > .aisolution-wrapper > nav {
        display: block;
        position: static;
        width: 100%;
        margin: 0;
        padding: 0;
        transform: none;
    }
    body .h300.bg-cover[class*="bg-layout"] nav ol {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    body .h300.bg-cover[class*="bg-layout"] nav ol > li:not(:last-child) { display: none; }
    body .h300.bg-cover[class*="bg-layout"] nav ol > li:last-child {
        display: flex;
        align-items: center;
        gap: 0;
        max-width: 100%;
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.4;
        text-align: left;
        letter-spacing: -0.03em;
        overflow-wrap: anywhere;
    }
    body .h300.bg-cover[class*="bg-layout"] nav ol > li:last-child a { color: inherit; white-space: normal; font-size: 1.1rem !important; font-weight: 700; line-height: 1.4; }
    body .h300.bg-cover[class*="bg-layout"] > .aisolution-wrapper > div > p { display: none; }
    body .h300.bg-cover[class*="bg-layout"] h1 { display: flex; align-items: center; gap: 0; margin: 0; font-size: 1.1rem; line-height: 1.4; opacity: 1; transform: none; }
    body .h300.bg-cover[class*="bg-layout"] .mobile-banner-back {
        content: "";
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        border-radius: 0;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2329364b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 4-8 8 8 8'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
    }
    body .h300.bg-cover[class*="bg-layout"] nav ol > li:last-child a {
        min-width: 0;
        color: #29364b;
        text-align: left;
        justify-content: flex-start;
    }
    body .h300.bg-cover[class*="bg-layout"] nav ol > li:last-child::before,
    body .h300.bg-cover[class*="bg-layout"] h1::before { content: none; display: none; }
    body .h300.bg-cover[class*="bg-layout"] .mobile-banner-back {
        display: inline-block;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        cursor: pointer;
        appearance: none;
    }
    body .h300.bg-cover[class*="bg-layout"] .mobile-banner-back:focus-visible {
        outline: 2px solid #29364b;
        outline-offset: -4px;
        border-radius: 4px;
    }
}