/* =========================================================
   Chapitre III · Qu'est-ce qu'un gaz ? — compléments
   (à charger après chapitre.css, vide.css et machines.css)
   ========================================================= */
.experience.gaz { padding: calc(6 * var(--u)); background: #fbf6ea; gap: calc(6 * var(--u)); }
.experience.gaz canvas { flex: 1 1 0; min-height: 0; width: 100%; display: block; touch-action: none; }

/* curseurs */
.reglages { display: flex; flex-direction: column; gap: calc(4 * var(--u)); }
.curseur { display: grid; grid-template-columns: calc(190 * var(--u)) 1fr calc(70 * var(--u)); align-items: center; gap: calc(8 * var(--u));
  font-size: calc(15.5 * var(--u)); }
.curseur-libelle { font-style: italic; color: var(--encre); }
.curseur input { width: 100%; accent-color: #7a5420; }
.curseur-valeur { font-variant-numeric: tabular-nums lining-nums; text-align: right; font-weight: 600; color: var(--sepia); }

/* tableaux de mesures */
.mesures th, .mesures td { padding: calc(2 * var(--u)) calc(6 * var(--u)); border-bottom: 1px dotted #c8b48a; text-align: right;
  font-variant-numeric: tabular-nums lining-nums; }
.mesures thead th { font-family: var(--capitales); font-weight: 600; font-size: .92em; color: var(--sepia); border-bottom: 1px solid #b8862f; }
.mesures tbody th, .mesures tfoot th { text-align: left; font-weight: 500; font-style: italic; }
.mesures tfoot th, .mesures tfoot td { border-top: 1px solid #b8862f; border-bottom: 0; font-weight: 700; }
.mesures.chocs { font-size: calc(14 * var(--u)); }
.mesures.chocs td:last-child { color: #b8312f; }
.bilan { margin: 0; text-align: center; font-size: calc(15.5 * var(--u)); }
.releves { display: flex; flex-direction: column; gap: calc(4 * var(--u)); }
.releves .commandes { justify-content: flex-start; }
.releves .mesures { font-size: calc(14 * var(--u)); }
.releves .mesures td:last-child { color: #b8312f; }
.formule { text-align: center; font-size: calc(19 * var(--u)); margin: calc(2 * var(--u)) 0; }

/* mouvement brownien */
.experience.brownien .message.en-haut { min-height: 6.4em; margin: 0; }
.experience.brownien .commandes { justify-content: center; flex-wrap: wrap; }
.portrait-texte { display: flex; gap: calc(10 * var(--u)); align-items: flex-start; }
.portrait-texte img { width: calc(68 * var(--u)); height: auto; flex: none; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.portrait-texte p { margin: 0; }
img.gravure { mix-blend-mode: multiply; box-shadow: none !important; }
.portrait-texte img.gravure { width: calc(76 * var(--u)); }