/* pedago/page.css — styles de la page pédagogique publique.
   Largeurs alignées sur exercices/activites/ (pleine largeur container-xl ;
   iframe PDF en max(100%, 560px) avec défilement horizontal). */

.pedago-contenu { line-height: 1.6; }
.pedago-contenu h1 { font-size: 2em;   font-weight: 700; margin: .67em 0 .35em; }
.pedago-contenu h2 { font-size: 1.6em; font-weight: 700; margin: .8em 0 .3em; }
.pedago-contenu h3 { font-size: 1.3em; font-weight: 600; margin: .7em 0 .3em; }
.pedago-contenu h4 { font-size: 1.12em; font-weight: 600; margin: .6em 0 .25em; }
.pedago-contenu img { max-width: 100%; height: auto; }
.pedago-contenu figure.image { display: table; margin: .6em auto; max-width: 100%; }
.pedago-contenu figure.image img { display: block; margin: 0 auto; max-width: 100%; }
.pedago-contenu figure.image > figcaption {
  display: table-caption; caption-side: bottom; text-align: center;
  color: #555; font-size: .8em; padding: .4em; }
.pedago-contenu .table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.pedago-contenu .table td, .pedago-contenu .table th {
  border: 1px solid #bbb; padding: .4em .6em; }
.pedago-contenu video { max-width: 100%; height: auto; display: block; margin: 1em auto; }
.pedago-contenu::after { content: ''; display: table; clear: both; }

/* Fichier en téléchargement : titre + icône */
.pedago-fichier {
  display: inline-flex; align-items: center; gap: .35em; padding: .25em .6em;
  background: #f1f3f5; border: 1px solid #dee2e6; border-radius: 6px;
  text-decoration: none; margin: .1em 0; }
.pedago-fichier:hover { background: #e9ecef; }

/* Visionneuse PDF : bouton + iframe déroulante */
.pedago-visio-btn {
  display: inline-flex; align-items: center; gap: .4em; padding: .3em .7em;
  background: #e7f0ff; border: 1px solid #b6d4fe; border-radius: 6px;
  color: #0a58ca; font: inherit; cursor: pointer; margin: .1em .2em .1em 0; }
.pedago-visio-btn:hover { background: #d6e6ff; }
.pedago-visio-btn.active { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.pedago-visio-dl { display: inline-flex; align-items: center; gap: .25em; }
.pedago-dl-icon {
  display: inline-flex; padding: .3em .45em; border: 1px solid #dee2e6;
  border-radius: 6px; background: #f1f3f5; color: #495057; text-decoration: none; }
.pedago-dl-icon:hover { background: #e9ecef; }

/* Panneau PDF : mêmes largeurs que exercices/activites/ */
.pedago-visio-frame {
  margin: .5em 0 1em;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
.pedago-visio-frame iframe {
  width: max(100%, 560px);
  height: 600px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  display: block;
  background: #fff; }