/* Accueil réseau — défilement plein écran façon TikTok (07/11, patron). MOBILE SEULEMENT : le bureau garde la mise en page actuelle. */
@media (max-width: 820px) {
  .fil-trb, .fil-tete { display: none !important; }            /* la barre d'onglets du haut remplace l'en-tête du fil */
  .sg-cols { display: block; }
  .sg-cols > :not(.sg-center) { display: none !important; }    /* colonne de droite masquée sur téléphone */
  .fil-snap { height: calc(100dvh - 118px); overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior: contain; padding: 0 !important; margin: 0 !important; max-width: 100%; }
  .fil-snap article.card { height: calc(100dvh - 118px); scroll-snap-align: start; scroll-snap-stop: always; overflow-y: auto; margin: 0 !important; border-radius: 0 !important; box-sizing: border-box; }
}

/* Cartes analyse et graphique sur téléphone (07/11) : graphique entier dans la largeur, texte et étiquettes qui passent à la ligne, pas de barre de défilement interne */
@media (max-width: 820px) {
  .fil-snap article.card { scrollbar-width: none; padding: 12px !important; }
  .fil-snap article.card::-webkit-scrollbar { display: none; }
  .fil-snap .fx-chart, .fil-snap .fx-img { display: block; width: 100% !important; max-width: 100% !important; }
  .fil-snap .fx-chart img, .fil-snap .fx-img img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain; display: block; }
  .fil-snap .fx-ttl, .fil-snap .fx-hd, .fil-snap .fx-tx { font-size: 15px; line-height: 1.35; max-width: 100%; overflow-wrap: anywhere; }
  .fil-snap .fx-ana .fx-hd, .fil-snap .fx-ana2 .fx-hd { padding-right: 0 !important; }
  .fil-snap .fx-ana-tag { position: static !important; display: inline-block; margin-bottom: 8px; }
  .fil-snap .fx-chart-hd, .fil-snap .fx-chips, .fil-snap .fx-tags { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; }
  .fil-snap .fx-chip { font-size: 12px; white-space: normal; }
}

/* 07/11 v3 (carte analyse mesurée à 390 px) : la colonne « rail » de 58 px restait réservée sans contenu (carte réduite à 230 px) ;
   ici une seule colonne, rejeu et outils qui tiennent dans la largeur */
@media (max-width: 820px) {
  .fil-snap article.card { display: flex !important; flex-direction: column; align-items: stretch !important; column-gap: 0 !important; }   /* flex : pas de pistes de grille figées (chevauchement du graphique) */
  .fil-snap { scrollbar-width: none; }
  .fil-snap::-webkit-scrollbar { display: none; }
  .fil-snap .rj.mini .rj-bar { flex-wrap: wrap; gap: 8px; padding: 8px 10px; }
  .fil-snap .rj.mini .rj-pos { flex: 1 1 0; min-width: 0; }
  .fil-snap .rj.mini .rj-tools { gap: 5px; padding: 6px 10px 8px; }
  .fil-snap .rj.mini .rj-tools .rj-tool-fixe, .fil-snap .rj.mini .rj-tools button { font-size: 11px; padding: 3px 8px; }
  /* podcast / audio (bloc sans classe en ligne dans fil_mixte.carte_podcast) : couverture au-dessus du titre, pleine largeur */
  .fil-snap article.fx-pod > div:not([class]) { flex-direction: column !important; align-items: stretch !important; }
  .fil-snap article.fx-pod > div:not([class]) > img { width: 100% !important; height: auto !important; max-height: 260px; aspect-ratio: 1 / 1; }
  .fil-snap article.fx-pod > div:not([class]) > div { min-width: 0 !important; }
}