/* Outil · Filaments : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : fm-
   À gauche : les 7 filaments en tuiles (températures), la note sur les plages, le lien Coût et production. À droite : la
   fiche (7 lignes fixes, puis points forts, points faibles et usages sur 2 lignes chacun). */
.fm .outil-fixe { align-items: stretch; }
.fm-tuiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 960px) { .fm-tuiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fm-tuile { height: 72px; border: 0; border-radius: 14px; background: transparent; box-shadow: inset 0 0 0 1px var(--filet-doux); padding: 10px 14px; cursor: pointer;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; text-align: left; transition: background .3s var(--courbe), box-shadow .3s var(--courbe); }
.fm-tuile b { font: 700 17px/1.1 var(--display); letter-spacing: -.01em; color: var(--papier); }
.fm-tuile span { font: 500 10.5px/1.2 var(--mono); letter-spacing: .03em; color: var(--texte2); white-space: nowrap; }
.fm-tuile:hover { background: rgba(242, 240, 235, .04); }
.fm-tuile[aria-pressed="true"] { background: rgba(242, 240, 235, .08); box-shadow: inset 0 0 0 1px var(--papier); }
.fm-info { margin: 0; text-wrap: balance; }
.fm-liens { display: flex; justify-content: center; }
.fm-tete { height: 34px; display: flex; align-items: center; }
.fm-tete h3 { margin: 0; font: 700 24px/1.1 var(--display); letter-spacing: -.02em; color: var(--papier); }
.fm-ligne { height: 46px; cursor: default; }
.fm-ligne .val { color: var(--papier); text-align: right; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 68%; }
.fm-ligne .val.fm-fort { color: var(--peche); }
.fm-textes { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.fm-texte { display: flex; flex-direction: column; gap: 2px; }
.fm-texte .groupe { padding-bottom: 2px; }
.fm-texte p { margin: 0; height: 3em; font: 400 14px/1.5 var(--corps); color: var(--papier); overflow: hidden; }