body {
      font-family: system-ui, sans-serif;
      margin: 0;
      padding: 0;
      background: #f7f7f7;
    }

    header {
      padding: 16px 24px;
      border-bottom: 1px solid #ddd;
      background: white;
    }

    main {
      max-width: 800px;
      margin: 0 auto;
      padding: 24px 16px;
      background: white;
      margin-top: 20px;
      border-radius: 12px;
    }

    h1 {
      margin-top: 0;
    }

    a {
      color: #111;
      text-decoration: none;
    }

    /* ===== VIDEOS ===== */
    .video-section {
      margin-top: 32px;
    }

    /* Bloc vidéo tutoriel */
    .video-block {
      max-width: 560px;        /* 👈 largeur idéale (YouTube-like) */
      margin: 24px auto 32px; /* centrée + respiration */
    }

    /* Vidéo elle-même */
    .video-block video {
      width: 100%;
      height: auto;
      border-radius: 12px;
      background: #000;       /* évite flash blanc */
    }

    .video-caption {
      margin-top: 8px;
      font-size: 14px;
      font-style: italic;
      color: #666;
      line-height: 1.4;
      text-align: center  ;

    }


.lang-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 14px;
}

.lang-flag {
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.lang-flag:hover {
  opacity: 1;
  transform: scale(1.15);
}