/* Mise en page ordinateur : contenu plus large, menu en haut, même largeur que le site (1040 px). */
@media (min-width: 900px) {
  :root { --app-w: 1040px; --nav-h: 64px; }
  header { padding-left: max(24px, calc((100vw - var(--app-w)) / 2)); padding-right: max(24px, calc((100vw - var(--app-w)) / 2)); }
  nav {
    top: calc(var(--header-height) + env(safe-area-inset-top)); bottom: auto; left: 0; right: 0; transform: none;
    width: auto; max-width: none; height: var(--nav-h); box-sizing: border-box; border: 0; border-bottom: 1px solid var(--line); border-radius: 0;
    padding: 8px max(24px, calc((100vw - var(--app-w)) / 2)); justify-content: flex-start; gap: 6px; background: #f8fcf9;
  }
  nav button { width: auto; min-height: 46px; flex-direction: row; gap: 10px; padding: 0 18px; }
  nav small { font-size: 15px; }
  main { max-width: var(--app-w); padding: calc(var(--nav-h) + 36px) 24px 64px; box-sizing: border-box; }
}