/*
  Pyxel Studio Plus
  Fichier : assets/css/style.css (la page : barre du haut, environnement sur toute la hauteur restante)

  Auteur : Laurent Abbal (© 2026)
  Un projet de la Nuit du Code : https://www.nuitducode.net

  Licence : GNU AGPL v3.0 ou ultérieure (voir LICENSE)
*/
/* Mêmes valeurs que l'entête des fiches de « IA et jeux vidéo ». */
:root {
  --texte: #1c2230;
  --discret: #5d6676;
  --barre: rgba(255, 255, 255, 0.92);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: #f6f7fb;
  color: var(--texte);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ---------- barre du haut */
header.site {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  padding: 10px 20px;
  background: var(--barre);
}
.site-titre { display: flex; align-items: center; gap: 10px; margin: 0; font-family: "JetBrains Mono", Consolas, Menlo, monospace; font-variant-ligatures: none; font-size: 12px; font-weight: 700; line-height: 1; color: black }
.site-titre a { display: block; flex: none; }
.site-titre sup { margin-left: 2px; }
.logo { display: block; width: auto; height: 32px; image-rendering: pixelated; }
.projet-ndc { display: flex; align-items: center; gap: 8px; margin-left: auto; font-family: "JetBrains Mono", Consolas, Menlo, monospace; font-size: 13px; color: var(--discret); }
.logo-ndc { display: block; width: 62px; height: 30px; object-fit: contain; flex-shrink: 0; }

/* ---------- l'environnement occupe toute la hauteur sous la barre du haut, et la page ne défile pas */
@media (min-width: 1001px) {
  body { display: flex; flex-direction: column; height: 100vh; height: 100dvh; overflow: hidden; }
  header.site { flex: none; }
  #studio { --pyxel-studio-hauteur: auto; flex: 1 1 0; min-height: 0; }
}

:focus-visible { outline: 3px solid #0d6efd; outline-offset: 4px; }