/* Outil · Montures d'objectifs (Lens mounts), id montures : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : mo-
   À gauche : le schéma vu de côté à l'échelle (objectif, bague en orange, boîtier, capteur, les deux tirages), le verdict
   (3 lignes fixes), les fiches des deux montures, les liens. À droite : ton objectif, ton boîtier (montures par famille). */
.mo .outil-fixe { align-items: stretch; }
.mo-schema { width: 100%; height: auto; display: block; }
.mo-axe { stroke: var(--filet-doux); stroke-width: 1; stroke-dasharray: 3 4; }
.mo-boitier { fill: rgba(242, 240, 235, .06); stroke: rgba(242, 240, 235, .25); stroke-width: 1.2; }
.mo-capteur { fill: var(--peche); }
.mo-mont-b, .mo-mont-o { stroke: var(--papier); stroke-width: 3; stroke-linecap: round; }
.mo-bague { fill: rgba(255, 90, 31, .35); stroke: var(--orange); stroke-width: 1.2; }
.mo-objectif { fill: rgba(242, 240, 235, .12); stroke: rgba(242, 240, 235, .4); stroke-width: 1.2; }
.mo-cote { stroke: var(--texte2); stroke-width: 1; }
.mo-schema text { font: 500 11px var(--mono); fill: var(--texte2); text-anchor: middle; }
.mo-verdict { margin: 0; height: 4.5em; font: 500 14px/1.5 var(--corps); overflow: hidden; }
.mo-verdict[data-etat="ok"] { color: var(--papier); }
.mo-verdict[data-etat="non"] { color: var(--peche); }
.mo-fiches { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mo-fiche { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: rgba(0, 0, 0, .2); box-shadow: inset 0 0 0 1px var(--filet-doux); }
.mo-fiche .groupe { padding: 0; }
.mo-fiche b { font: 700 18px/1.2 var(--display); letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-ligne { display: flex; justify-content: space-between; gap: 8px; height: 1.3em; font: 500 12px/1.3 var(--mono); }
.mo-ligne span { color: var(--texte2); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-ligne i { white-space: nowrap; font-style: normal; color: var(--papier); font-variant-numeric: tabular-nums; }
.mo-marques { margin: 2px 0 0; height: 2.6em; font: 400 12px/1.3 var(--corps); color: var(--texte2); overflow: hidden; }
.mo-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mo-famille { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.mo-famille > span { font: 500 10.5px/1.2 var(--mono); letter-spacing: .06em; color: var(--texte2); }
.mo-puces { display: flex; flex-wrap: wrap; gap: 6px; }
.mo-puces .puce { cursor: pointer; padding: 7px 12px; }