/* Variante 1 — « Épure » (16/10/2026).
   Même colonne qu'aujourd'hui, mais trois objets seulement sur le premier écran : une ligne de contexte,
   la question en grand, le micro en grand. Écrire, la démo, l'enregistrement sans nom et « Garder mon
   profil » deviennent une rangée de liens discrets sous le micro ; « Garder » redevient un bouton quand assez
   de facettes sont comprises (classe .pulse posée par entree.js). */

@media (min-width: 901px) {
  .v1 #dock { padding-top: 6px; }
  .v1 .intro .eyebrow { color: var(--muted); }
  .v1 .conversation, .v1 #stage.started .conversation { margin-top: clamp(26px, 6dvh, 64px); }
  .v1 .aime-heading { margin-bottom: 12px; }
  .v1 .welcome-question, .v1 .ask { font: 800 clamp(24px, 3.7dvh, 34px)/1.08 var(--display); letter-spacing: -.055em; text-wrap: balance; }
  .v1 .ask { margin-top: 8px; }

  .v1 .dockcard, .v1 #stage.started .dockcard { margin-top: clamp(26px, 6dvh, 64px); display: grid; grid-template-columns: auto auto auto; grid-template-areas: "voice voice voice" "status status status" "transcript transcript transcript" "type type type" "save save save" "write demo keep"; justify-content: center; column-gap: 20px; row-gap: 10px; align-items: center; }
  .v1 .voice-panel { grid-area: voice; }
  .v1 #status { grid-area: status; }
  .v1 #transcript { grid-area: transcript; margin: 0; max-width: 440px; }
  .v1 .typerow { grid-area: type; width: min(100%, 440px); justify-self: center; }
  .v1 #dock .dockcard > #saveBtn { grid-area: save; justify-self: center; margin-top: 6px; }
  .v1 #mobileWrite { grid-area: write; }
  .v1 #demo { grid-area: demo; }
  .v1 #conversationSave { grid-area: keep; }
  .v1 .conversation-foot { margin-top: auto; }
}