/* Column structural guard loaded after common Gnuboard styles. */
.column-page #columnLanding .hero {
    display: grid !important;
}

.column-page #columnLanding .requirement-grid,
.column-page #columnLanding .check-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.column-page #columnLanding .risk-item {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
}

.column-page #columnLanding .process-row {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
}

@media (max-width: 760px) {
    .column-page #columnLanding .requirement-grid,
    .column-page #columnLanding .check-list,
    .column-page #columnLanding .risk-item {
        grid-template-columns: 1fr !important;
    }

    .column-page #columnLanding .process-row {
        grid-template-columns: 64px minmax(0, 1fr) !important;
    }
}