/* ==========================================================================
   TEMPLATES — mise en page de la coquille : colonne mobile centrée, un écran
   visible à la fois, place réservée en bas pour la barre de navigation fixe.
   ========================================================================== */
.app{max-width:var(--col);margin:0 auto;min-height:100%;background:var(--bg);position:relative;
  padding-left:var(--gutter-l);padding-right:var(--gutter-r);
  padding-block:16px calc(110px + var(--safe-b))}
.screen[hidden]{display:none}