/* Bankstatement structural guard loaded after common Gnuboard styles. */
.bankstatement-page #dhcloseLanding .dhclose-section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-risk-grid,
.bankstatement-page #dhcloseLanding .dhclose-prep {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-bank-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-period {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-bank-rule__row {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-account-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 0.73fr) minmax(0, 1.27fr) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-account-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-doc-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr) !important;
}

.bankstatement-page #dhcloseLanding .dhclose-doc-item {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
}

@media (max-width: 1040px) {
    .bankstatement-page #dhcloseLanding .dhclose-risk-grid,
    .bankstatement-page #dhcloseLanding .dhclose-prep {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .bankstatement-page #dhcloseLanding .dhclose-risk-card:last-child,
    .bankstatement-page #dhcloseLanding .dhclose-prep-card:last-child {
        grid-column: 1 / -1 !important;
    }

    .bankstatement-page #dhcloseLanding .dhclose-section-head,
    .bankstatement-page #dhcloseLanding .dhclose-bank-layout,
    .bankstatement-page #dhcloseLanding .dhclose-account-layout,
    .bankstatement-page #dhcloseLanding .dhclose-doc-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .bankstatement-page #dhcloseLanding .dhclose-account-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .bankstatement-page #dhcloseLanding .dhclose-risk-grid,
    .bankstatement-page #dhcloseLanding .dhclose-prep {
        grid-template-columns: 1fr !important;
    }

    .bankstatement-page #dhcloseLanding .dhclose-risk-card,
    .bankstatement-page #dhcloseLanding .dhclose-risk-card:last-child,
    .bankstatement-page #dhcloseLanding .dhclose-prep-card,
    .bankstatement-page #dhcloseLanding .dhclose-prep-card:last-child {
        grid-column: auto !important;
    }

    .bankstatement-page #dhcloseLanding .dhclose-bank-rule__row {
        grid-template-columns: 1fr !important;
    }

    .bankstatement-page #dhcloseLanding .dhclose-doc-item {
        grid-template-columns: 34px minmax(0, 1fr) !important;
    }
}