/*
 * Scope: WordPress page 5884 only.
 * Keep the inline calculator intact while removing the OneNav page shell.
 */

body.page-id-5884 > main.container,
body.page-id-5884 > main.container.my-2 {
    display: none !important;
}

body.page-id-5884 {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

body.page-id-5884 > .tk-calc-container {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: min(1400px, 100%) !important;
    overflow-x: hidden;
    overflow-x: clip;
}

body.page-id-5884 .tk-calc-container,
body.page-id-5884 .tk-calc-container *,
body.page-id-5884 .tk-main-grid,
body.page-id-5884 .tk-inputs,
body.page-id-5884 .tk-results,
body.page-id-5884 .tk-card,
body.page-id-5884 .tk-result-card,
body.page-id-5884 .tk-rate-bar,
body.page-id-5884 .tk-input-dual,
body.page-id-5884 .tk-input-mini-group {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

body.page-id-5884 .tk-breakdown-table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

body.page-id-5884 .tk-main-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
}

body.page-id-5884 .tk-breakdown-table th,
body.page-id-5884 .tk-breakdown-table td {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    body.page-id-5884 .tk-main-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-id-5884 .tk-rate-bar > *,
    body.page-id-5884 .tk-rate-input-group,
    body.page-id-5884 .tk-input-dual,
    body.page-id-5884 .tk-input-mini-group,
    body.page-id-5884 .tk-input-wrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.page-id-5884 .tk-rate-select,
    body.page-id-5884 .tk-rate-input-group input,
    body.page-id-5884 .tk-input-wrapper input {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.page-id-5884 .tk-rate-select {
        width: 100% !important;
    }

    body.page-id-5884 .tk-rate-input-group,
    body.page-id-5884 .tk-kpi-row,
    body.page-id-5884 .tk-kpi-sub-row {
        flex-wrap: wrap;
    }

    body.page-id-5884 .tk-section-link {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (min-width: 769px) and (max-width: 960px) {
    body.page-id-5884 .tk-main-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}