/* xdt-dex/style.css — styles spécifiques dex (shared.css chargé en premier) */

.app-container {
    max-width:1000px; margin:0 auto; padding:2rem 1.5rem;
    display:flex; flex-direction:column; gap:1.5rem;
}
/* Bord à bord (bouton, ordinateur uniquement) — voir dex.js toggleWideMode() */
body.wide-mode .app-container { max-width:none; }

.dex-wide-toggle{ display:none; }
@media (min-width:901px){
    .dex-wide-toggle{ display:inline-flex; }
    body.wide-mode .dex-wide-toggle{ background:var(--primary); color:var(--bg-darker); border-color:transparent; }
}