/* polish-b: October 2026 aesthetic pass, agent B */

/* ---------- Supplying the whole installation: flip card fronts ---------- */
/* One teaser line under the title so the front face reads as finished. */
.inst .fx-flip-teaser{position:relative;z-index:1;margin:10px 0 0;font-size:.93rem;line-height:1.5;color:var(--gray-700,#33405A);max-width:30ch}
/* Let the content set the height (the back face shares the grid cell, so it always fits);
   16px of air between the teaser and the DETAILS row. */
.inst .fx-flip-card{min-height:0}
.inst .fx-flip-hint{padding-top:16px}
@media(max-width:760px){
  .inst .fx-flip-teaser{font-size:.9rem;max-width:none}
}

/* ---------- Why DLG: link row to the industries page ---------- */
.why__more{margin-top:32px}
.why .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.why .btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}