/* 03-layout.css — lignes 101-128 de l'ancien style.css unique, contenu inchangé */

#app{
    display:none;
    min-height:100vh;
}

.content{

flex:1;

padding:var(--space-8);

margin-left:270px;

/* Sur un écran large, une colonne qui s'étire sans limite rend les cartes
   démesurées et la lecture inconfortable. On plafonne la largeur utile. */
max-width:1400px;

}

/* Au-delà de ~1900px, on centre la colonne au lieu de la coller à la sidebar,
   sans jamais passer sous celle-ci (d'où le max()). */
@media (min-width:1900px){

    .content{
        margin-left:max(270px, calc(50% - 700px));
    }

}