/* Cloud Security — page overrides (base theme: healthcare-cyber.css) */

/* ============================================================
   Cloud Security — centered card grids (orphan rows)
   ============================================================ */
.cloudsec-page .cyber-why-quad,
.cloudsec-page .cyber-tech-cards,
.cloudsec-page .cyber-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.cloudsec-page .cyber-why-quad {
    gap: 24px;
    margin-top: 48px;
}

.cloudsec-page .cyber-why-block {
    flex: 1 1 min(100%, 420px);
    max-width: calc(50% - 12px);
    width: 100%;
}

.cloudsec-page .cyber-tech-cards {
    gap: 20px;
    margin-top: 48px;
}

.cloudsec-page .cyber-tech-card {
    flex: 1 1 min(100%, 320px);
    max-width: calc(33.333% - 14px);
    width: 100%;
}

.cloudsec-page .cyber-steps {
    gap: 32px 24px;
    margin-top: 56px;
}

.cloudsec-page .cyber-step {
    flex: 1 1 min(100%, 280px);
    max-width: calc(33.333% - 16px);
    width: 100%;
}

@media (max-width: 1024px) {
    .cloudsec-page .cyber-tech-card {
        max-width: calc(50% - 10px);
    }

    .cloudsec-page .cyber-step {
        max-width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .cloudsec-page .cyber-why-block,
    .cloudsec-page .cyber-tech-card,
    .cloudsec-page .cyber-step {
        flex-basis: 100%;
        max-width: 100%;
    }
}