/* Pages natives Le Fil des espaces du référentiel (Outils, Ressources, portail, page-sommaire, situation) : js/fil/pages.js. Préfixe fg-, jetons --f-* de css/fil.css seulement.
   Elles réutilisent la grammaire de « Réseau » et « Atelier » (f-page--portail, f-etiquette, f-tuiles, f-tuile, f-ligne) ; ici seulement ce qui s'y ajoute. */
[data-interface="fil"] .fg-titre-lien { color: inherit; text-decoration: none; }
[data-interface="fil"] .fg-titre-lien:hover { color: var(--f-encre); text-decoration: underline; text-underline-offset: 3px; }
[data-interface="fil"] .fg-deux { display: flex; flex-direction: column; gap: 2px; }
[data-interface="fil"] .fg-sous { color: var(--f-encre-2); font: 400 14px/1.4 Inter, system-ui, sans-serif; }
[data-interface="fil"] .f-page--portail > .f-tuiles { margin: 0; }
[data-interface="fil"] .fg-note { margin: 0 0 12px; max-width: 62ch; color: var(--f-encre-2); font: 400 14px/1.5 Inter, system-ui, sans-serif; }
/* Chiffres clés : deux colonnes au téléphone, quatre ou cinq dès que la place le permet. */
[data-interface="fil"] .fg-faits { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; border-top: 1px solid var(--f-filet); }
[data-interface="fil"] .fg-fait { min-width: 0; padding: 12px 0; border-bottom: 1px solid var(--f-filet); display: flex; flex-direction: column; gap: 2px; }
[data-interface="fil"] .fg-fait-lib { color: var(--f-encre-2); font: 400 13px/1.3 Inter, system-ui, sans-serif; }
[data-interface="fil"] .fg-fait-val { font: 600 18px/1.25 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
[data-interface="fil"] .fg-fait.est-attente .fg-fait-val { color: var(--f-attention); }
[data-interface="fil"] .fg-fait-note { color: var(--f-encre-2); font: 400 13px/1.35 Inter, system-ui, sans-serif; overflow-wrap: anywhere; }
@media (min-width: 700px) {
  [data-interface="fil"] .fg-faits { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
}