/* Case AIPALS : réglages propres à la case, chargés après case-tuiles.css. */
.pj-mosaic { background-color: #2a1038; }
.pj-mosaic .pj-fig-btn { aspect-ratio: 1440 / 900; }
/* téléphone en portrait : planche mobile, trois écrans empilés */
@media (max-width: 767px) and (orientation: portrait) {
  .pj-mosaic .pj-fig-btn { aspect-ratio: 390 / 786; }
  .pj-mosaic .pj-fig-zoom { right: 12px; bottom: 12px; transform: scale(.75); transform-origin: 100% 100%; }
  .pj-mosaic .pj-fig-play { right: 52px; bottom: 12px; transform: scale(.75); transform-origin: 100% 100%; }
}
/* mosaïque et illustrations : le voile ne couvre que le bas, pour garder les couleurs et lire la citation */
.pj-band-pin:has(video[data-src*="aipals/bande-2-v"], video[data-src*="aipals/bande-4-v"], video[src*="aipals/bande-2-v"], video[src*="aipals/bande-4-v"]) .pj-band-veil {
  background: linear-gradient(180deg, rgba(26, 26, 26, 0.4) 0, rgba(26, 26, 26, 0) 130px, rgba(26, 26, 26, 0) 58%, rgba(26, 26, 26, 0.78) 78%, var(--night) 100%);
}
.pj-band-pin:has(video[data-src*="aipals/bande-2-v"], video[data-src*="aipals/bande-4-v"], video[src*="aipals/bande-2-v"], video[src*="aipals/bande-4-v"]) .pj-verbatim { text-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 2px 18px rgba(0, 0, 0, .7); }