/* ============================================================
   LISTING LENS additions
   ------------------------------------------------------------
   Deliberately small. The reconstructed app UI that used to live
   here was removed: it depended on hand-tuned pixel geometry that
   could not be verified, and it broke. Real captures go in the
   labelled slots instead.
   ============================================================ */

/* ---------- mechanism cards ---------- */
.fx-grid{display:grid;gap:1px;background:var(--divider);
         border:var(--border-w) solid var(--divider);border-radius:var(--r-md);
         overflow:hidden;grid-template-columns:1fr}
@media (min-width:680px){ .fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1060px){ .fx-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }

.fx{background:var(--page);padding:var(--s5);display:flex;flex-direction:column;
    gap:var(--s3)}
.fx-name{font:700 17px/1.2 var(--font);letter-spacing:-.015em;
         padding-bottom:var(--s3);border-bottom:var(--border-w) solid var(--divider)}
.fx-dl{margin:0;display:grid;gap:2px}
.fx-dl dt{font:var(--type-label);letter-spacing:var(--track-label);
          text-transform:uppercase;color:var(--text-subtle);margin-top:var(--s3)}
.fx-dl dt:first-child{margin-top:0}
.fx-dl dd{margin:0;font:var(--type-caption);font-size:14px;line-height:1.55;
          color:var(--text-muted)}
.fx-dl dd.fx-rule{color:var(--text)}

/* ---------- capture slots ----------
   Phone-shaped placeholders that say exactly which screen belongs
   here. Simple grid, no geometry to get wrong. */
.captures{display:grid;gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){ .captures{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1060px){ .captures{grid-template-columns:repeat(6,minmax(0,1fr));
                                     gap:var(--s4)} }
.captures .frame{border-radius:var(--r-md)}
.captures .slot{padding:var(--s4)}
.captures .slot-name{font-size:13.5px}
.captures .slot-note{font-size:12px}