.layout-cards-structure {
    display: flex;
    flex-direction: row;
    position: relative !important;
    left: 6rem !important;   
    right: 1rem !important;
    width: calc(100vw - 9rem) !important;      /* Fixe la carte à 100px du bord gauche de l'écran */
}

.structure-profile-card {
    background-color: #ffffff !important;
    border-radius: 6px !important;
    padding: 1.2rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08),
                0 8px 20px rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 1rem;
}

/* Desktop widths */
.layout-cards-structure .left-column {
    flex: 1 1 30%;     /* grow, shrink, base-width 30% */
}

.layout-cards-structure .right-column {
    flex: 1 1 70%;     /* grow twice as fast, base-width 70% */
}

/* === RESPONSIVE STACKING === */
/* When screen width is below 900px (adjust as needed) */
@media (max-width: 800px) {
    .layout-cards-structure {
        flex-direction: column; /* stack vertically */
    }

    .layout-cards-structure .left-column,
    .layout-cards-structure .right-column {
        flex: 1 1 100%;   /* full-width, stacked */
    }
}